js数组操作

1.操作数组-新增

目标：掌握利用push向数组添加元素(数据)

•  数组.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 (重点)

语法：
arr.push(元素1,……,元素n)

• arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度

语法：
arr.unshift(元素1,……,元素)

2.操作数组-删除

目标：能够删除数组元素(数据)

• 数组. pop() 方法从数组中删除最后一个元素，并返回该元素的值

语法：arr.pop()

• 数组. shift() 方法从数组中删除第一个元素，并返回该元素的值

语法：
arr.shift()

• 数组. splice() 方法 删除指定元素

语法：
arr.splice(起始位置,删除几个元素)

代码演示：

<script>
      let arr = ["林黛⽟", "贾元春", "贾探春", "贾惜春"];

      // pop 删除数组的最后一个单元
      arr.pop();
      console.log(arr); //['林黛⽟', '贾元春', '贾探春']

      // shift 删除数组的第一个单元
      arr.shift();
      console.log(arr); //['贾元春', '贾探春']

      // push 向数组结尾添加一个新单元
      arr.push("薛宝钗");
      console.log(arr); //['贾元春', '贾探春', '薛宝钗']

      // unshift 向数组开头添加一个新单元
      arr.unshift("贾宝玉");
      console.log(arr); //['贾宝玉', '贾元春', '贾探春', '薛宝钗']

      // splice 删除、修改
      // ① splice只有两个参数时，表示删除
      // 数组名.splice（起始位置索引值为a，删除元素个数为b）
      // 表示从索引值为a的元素开始删除，一直删除b个元素
      arr.splice(1, 2);
      console.log(arr);// ['贾宝玉', '薛宝钗']

      // ②修改
      // 数组名.splice（1，2，替换元素，替换元素）
      arr.splice(0,2,'肖战','王一博')
      console.log(arr);//['肖战', '王一博']
    </script>