2021-08-07 数组

1. 数组的定义

1. 数组的概念: 数组就是一组有序的数据的集合
2. 数组 array, 以[]表示

// "韩信", "李白", "刘备", "关羽", "张飞"
            var arr1 = [];
            console.log(arr1);

            var arr2 = ["韩信", "李白", "刘备", "关羽", "张飞"];
            console.log(arr2);

3. 数组中可以存放任何数据类型的值

            var arr3 = [3.14, "gz2149", null, undefined, true];
            console.log(arr3);

4. 数组[]里面的每一项元素, 用逗号隔开 (数组的语法)

2.数组的声明

1. 用数组字面量声明数组(推荐使用字面量声明数组)

                var arr1 = [];
                console.log(arr1);
                
                var arr2 = ["韩信", "李白", "刘备", "关羽", "张飞"];
                console.log(arr2);

2. 用构造函数来声明数组(作为了解即可)

var arr3 = new Array();
                console.log(arr3);

                var arr4 = new Array(8);
                console.log(arr4);

                var arr5 = new Array("韩信", "李白", "刘备", "关羽", "张飞");
                console.log(arr5);

3.访问或修改数组元素

1. 数组的下标: 数组中的每一个元素, 都有一个唯一的索引(序号), 叫做下标
2. 数组的下标是从0开始
3. 通过数组的下标, 可以访问数组中的元素

// 访问数组中的元素, 语法: 数组[下标]
        var numbers = ["zero", "one", "two", "three", "four", "five"];
        console.log( numbers );
        console.log( numbers[2] ); // two
        console.log( numbers[5] ); // five


        // 修改数组中的元素  语法: 数组[下标] = "新值"
        numbers[4] = "D"; 
        console.log( numbers );   //  ["zero", "one", "two", "three", "D", "five"];
        

        
        // 给空数组添加新值
        var empty = [];
        console.log("empty =>", empty);
  
        empty[0] = "a";
        empty[1] = "b";
        empty[2] = "c";
        empty[9] = "d";
        console.log("empty =>", empty); // ["a", "b", "c", empty*6, "d"]

4. 遍历数组

        var arr = ["韩信", "李白", "刘备", "关羽", "张飞"];

        // 如何 拿到数组的某一项
        // console.log( arr[1] ); // 李白


        console.log(arr);
        // 如何 拿到数组的每一项
        for(var i=0; i < arr.length; i++){
            console.log(arr[i]);
        }

4.数组的长度

1. 数组的长度: 每一个数组都有一个length属性, 数组的长度指出了数组中当前包含多少元素

        var arr1 = ["韩信", "李白", "刘备", "关羽", "张飞"];
        console.log("数组的长度 =>", arr1.length)

        // length属性实际上是数组的最大下标值+1
        arr1[9] = "孙尚香";
        console.log(arr1);
        console.log("数组的长度 =>", arr1.length); // 10

        // 可以设置数组长度, 但是不建议
        arr1.length = 1000;
        console.log(arr1);

5. for in循环

        // for循环
        for(var i = 0; i<arr.length; i++){
            console.log(i); //下标
            console.log( arr[i] ); // 数组中的每一项
        }

        // for in 循环的语法:  for(var key in object)
        for(var index in arr){
            console.log(index); // 下标
            console.log(arr[index]); //  数组中的每一项
        }


        // for of 循环, 获取数组中的每一项 (只能操作数组)
        for(var item of arr){
            console.log(item); // 数组中的每一项
        }

6.往数组尾部插入元素

1. 通过下标 给数组添加元素

            var arr = ["甲", "乙", "丙", "丁"]; // 长度为4
            console.log(arr);
            
            // 往数组中插入新元素
            arr[4] = "A"
            console.log(arr);  // 长度为5

            arr[5] = "B"
            console.log(arr); //长度为6

            // 往下标6插入元素
            arr[arr.length] = "C"  // 长度为7
            // 往下标7插入元素
            arr[arr.length] = "D"  // 长度为8
            // 往下标8插入元素
            arr[arr.length] = "E"  // 长度为9

2. push() 从数组尾部, 插入一个或多个元素

            // 数组.push(要插入的元素)   
                var arr = ["甲", "乙", "丙", "丁"];
                console.log(arr); // ["甲", "乙", "丙", "丁"]

                // 可以插入一个元素
                arr.push("A");
                console.log(arr);  //["甲", "乙", "丙", "丁", "A"]

                // 可以插入多个元素
                arr.push("B", "C", "D", 1, 2, 3, [] );
                console.log(arr);  //["甲", "乙", "丙", "丁", "A"]