美文网首页
js创建数组的方式及需要注意的点

js创建数组的方式及需要注意的点

作者: 林深鹿影 | 来源:发表于2019-03-23 16:59 被阅读0次

ECMAScript 数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript 数组的每一项可以保存任何类型的数据。也就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,用第三个位置来保存对象,以此类推。而且,ECMAScript 数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。
-创建数组的基本方式有两种。第一种是使用 Array 构造函数,如下面的代码所示。

var colors = new Array();

下面的代码将创建 length 值为 20 的数组。

var colors = new Array(20);

也可以向 Array 构造函数传递数组中应该包含的项。以下代码创建了一个包含 3个字符串值的数组:

var colors = new Array("red", "blue", "green");

另外,在使用 Array 构造函数时也可以省略 new 操作符。

var colors = Array(3); // 创建一个包含 3 项的数组
var names = Array("Greg"); // 创建一个包含 1 项,即字符串"Greg"的数组

-创建数组的第二种基本方式是使用数组字面量表示法。

var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
var names = []; // 创建一个空数组
var values = [1,2,]; // 不要这样!这样会创建一个包含 2 或 3 项的数组
var options = [,,,,,]; // 不要这样!这样会创建一个包含 5 或 6 项的数组

第三行展示了在数组字面量的最后一项添加逗号的结果:在 IE 中, values 会成为一个包含 3 个项且每项的值分别为 1、2 和 undefined 的数组;在其他浏览器中, values 会成为一个包含 2项且值分别为1 和 2 的数组。原因是 IE8 及之前版本中的 ECMAScript 实现在数组字面量方面存在 bug。由于这个 bug导致的另一种情况如最后一行代码所示,该行代码可能会创建包含 5 项的数组(在 IE9+、Firefox、Opera、Safari 和 Chrome 中),也可能会创建包含 6 项的数组(在 IE8 及更早版本中)。在像这种省略值的情况下,每一项都将获得 undefined 值;这个结果与调用 Array 构造函数时传递项数在逻辑上是相同的。但是由于 IE 的实现与其他浏览器不一致,因此我们强烈建议不要使用这种语法。

相关文章

  • js创建数组的方式及需要注意的点

    ECMAScript 数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript 数组的...

  • js数组

    JS数组的创建: 1,使用Array数组的方式: var arrayObj = new Array();//创建一...

  • 四 表(table)

    表的创建方式 混合创建 数组/列表 表的一个创建方式如下 此处得到的为一个索引从1开始,到10的数组,需要注意,在...

  • javascript中数组的各种操作

    js中数组的各种操作 1、数组的创建 创建一个数组 创建一个数组并指定长度,注意不是上限,是长度 创建一个数组并赋...

  • js数组

    js中数组是比较常用的对象,同时js中的数组也十分的灵活。一. 创建数组的方式 字面量数组 var arr=[1,...

  • [转载]数组的详细操作

    原文:【干货】js 数组详细操作方法及解析合集 创建数组 直接创建 Array.of() 返回由所有参数值组成的数...

  • JS-二维数组&对象数组&对象中的数组

    二维数组 js中只支持一维数组,但是可以通过在数组中保存数组的方式,可以创建二维数组。上创建二维的通用代码。 例如...

  • Golang笔记(一):数组与切片

    数组 创建方式:以创建 int 类型数组为例 复合型数组:复合型数组可以省略类型化标签 多维数组注意: 1. 多...

  • JS复习笔记--Array

    JS复习笔记--Array 创建一个数组的方式 通过索引 (访问/添加) 数组元素 修改数组 arr.push()...

  • Java基础指数-数组

    数组 一维数组 创建方式: 动态创建: 静态创建: length 属性: 数组的迭代: 二维数组创建方式: 数组的...

网友评论

      本文标题:js创建数组的方式及需要注意的点

      本文链接:https://www.haomeiwen.com/subject/ytvsvqtx.html