2022.7.29 数组

一、数组的基本操作

        1. 定义：数组是一种列表对象，它的原型中提供了遍历和修改元素的相关操作，JS 数组的长度和元素类型都是非固定的（把数据放在一起就是一个数组）

        2.声明方式：

//字面量形式（常用，简便）
    var list1 = [1,2,true,'hello'] 

//构造函数声明
    var list2 = new Array(1,2,true,'hello')

        3.访问数组的元素

    var list = [1,2,3,4]
    console.log(list[2]) //通过索引（下标），得到3

    var list = [1,2,3,4]
    console.log(list.length) //获取数组长度，得到4

        4.查询数组下标

    var a = ["a", "b", "c"];
    var b = a.indexOf("c");
    console.log(b); // 2

二、操作数组的基本方法，增删改查

    var list = [1, 2, 3, 4];
    // 增
    list[4] = 5; // [1, 2, 3, 4, 5]
    list[6] = 7; // [1, 2, 3, 4, 5, 空, 7]
    list.push(8); // [1, 2, 3, 4, 5, 空, 7, 8] 在最后添加数据
    list.unshift(0); // [0, 1, 2, 3, 4, 5, 空, 7, 8] 在最前添加数据
    // 改
    list[2] = "a"; // [0，1, 'a', 3, 4, 5, 空, 7, 8]
    // 删
    delete list[2]; // [0, 1, 空, 3, 4, 5, 空, 7, 8] 一般不用，因为会产生 空 。用splice
    list.pop(); // [0, 1, 空, 3, 4, 5, 空, 7] 删除最后一个数据
    list.shift(); // [1, 空, 3, 4, 5, 空, 7] 删除第一个数据
    // 查
    console.log(list[2]);

 三、数组进阶操作方法

         1.splice

        作用：删除或替换元素；函数有返回值，返回的是被删除的元素；这个方法会改变原来的数组。

        使用场景：替换数组中的元素；删除数组的一部分内容；清空数组。

    var list = ["a", "b", "c", "d", "e"];
    list.splice(0, 3, 2);
    console.log(list);

        第一个参数是控制从第几位（包含）开始删除或替换（得看第三个参数有没有值），第二个参数是控制删除的数量，第三个参数将删除了的元素替换掉，可用逗号隔开。

    var list = ["a", "b", "c", "d", "e"];
    list.splice(0, 3, 2);
    console.log(list); //[2, 'd', 'e']

        如果只有一个参数，代表删除第几位之后的所有值。

        2.join

        作用：将数组类型的数据转换成字符串，和 toString 的区别是可以在元素之间用自定义符号隔开。

    var list = [1, 2, 3, 4, 5];
    var a = list.join("-");
    console.log(a);  // 1-2-3-4-5
 

        3.concat

        作用：连接两个或多个数组，不会更改现有的数组，而是返回一个新数组，其中包含已连接数组的值。

    var a = [1, 2];
    var b = [3, 4];
    var ab = b.concat(a);
    console.log(ab);  // [3, 4, 1, 2]