美文网首页
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创建数组的方式及需要注意的点

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