JavaScript【引用类型】Array 类型

以下为学习《JavaScript 高级程序设计》》(第 3 版) 所做笔记。

 

ECMAScript 数组可以保存任何类型的数据。数组最多包含 4294967295 个值

 

创建数组

1. 使用 Array 构造函数

<script>
    //创建数组 arr1
    var arr1 = new Array();
    //创建数组 arr2 , 数组length属性值为20
    var arr2 = new Array(20);
    //创建数组 arr3, 数组包含 3 个字符串值
    var arr3 = new Array("red","blue","pink");

    //可以省略 new 操作符
    var arr4 = Array();
    var arr5 = Array(20);
    var arr6 = new Array("red","blue","pink");
</script>

2. 使用数组字面量表示法

<script>
    //创建空数组 arr1
    var arr1 = [];
    //创建数组 arr2, 数组包含 3 个字符串值
    var arr2 = ["red","blue","pink"];
</script>

不要像下面一样创建！

<script>
    var arr1 = [1,2,];
    var arr2 = [,,,,,];

    console.log(arr1);                //输出：(2) [1, 2]
    console.log(arr1.length);        //输出：2
    console.log(arr2);                //输出：(5) [empty × 5]
    console.log(arr2.length);        //输出：5
</script>

 

读取和设置数组的值

<script>
    var arr1 = ["a","b","c"];
    //读取第 1 项
    console.log(arr1[0]);        //输出：a
    //修改第 2 项
    arr1[1] = "1";
    //新增第 3 项
    arr1[3] = "3";
    console.log(arr1);            //输出：(4) ["a", "1", "c", "3"]
    //数组长度
    console.log(arr1.length);    //输出：4
    //设置属性，从数组末尾移除项
    arr1.length = 2;
    console.log(arr1);            //输出：(2) ["a", "1"]
    //设置属性，从数组末尾新增项，新增的每一项都为 undefined 值
    arr1.length = 4;
    console.log(arr1);            //输出：(4) ["a", "1", empty × 2]
    console.log(arr1[2]);        //输出：undefined
    console.log(arr1[3]);        //输出：undefined
    //利用length属性添加新项
    arr1[arr1.length] = "length";
    console.log(arr1);            //输出：(5) ["a", "1", empty × 2, "length"]
    arr1[arr1.length] = "length";
    console.log(arr1);            //输出：(6) ["a", "1", empty × 2, "length", "length"]
    //在超出当前数组大小的位置上添加值数组会重新计算数组长度
    arr1[99] = 99;
    console.log(arr1.length);    //100
</script>