ES6中数组首尾两端和中间添加/移除数据方法_vue es6 数组第一条后面插入一条数据-CSDN博客

本文链接：https://blog.csdn.net/GuanJdoJ/article/details/83410874

本文深入讲解JavaScript中数组的常用操作，包括push()尾端插入、pop()尾端移除、shift()首端移除、unshift()首端插入以及如何使用拓展运算符实现数组任意位置的元素插入。通过实例演示，帮助读者掌握数组操作的基础知识。

摘要由CSDN通过智能技术生成

1、push() 尾端插入，返回数组长度

let arr = [1,"hello",true];
console.log(arr.push(22));//4
console.log(arr,'---arr');//[1, "hello", true, 22]
console.log(arr.push(false,123));//6
console.log(arr,'---arr2');//[1, "hello", true, 22, false, 123]
console.log(arr.push(["a","b"]));//7
console.log(arr,'---arr3');//[1, "hello", true, 22, false, 123, ["a","b"]]

2、pop() 尾端移除，返回移除项

let arr = [2,"hello",true];
console.log(arr.pop());//true
console.log(arr,'---arr');//[2, "hello"]
//里面无需加参数，加参数没用
console.log(arr.pop(0));//hello
console.log(arr,'---arr2');//[2]

3、shift() 首端移除，返回移除项

let arr = [1,"hello",true];
console.log(arr.shift());//1
console.log(arr,'---arr');//["hello", true]

4、unshift() 首端插入，返回数组长度

let arr = [1,"hello",true];
console.log(arr.unshift(false,123));//5
console.log(arr,'---arr');//[false, 123, 1, "hello", true]
console.log(arr.unshift());//5
console.log(arr,'---arr2');//[false, 123, 1, "hello", true]

5、利用拓展运算符（...）可实现在数组前中后插入数据

let arr = [2,"hello",true];
var arr2 = [...arr,"a",...arr,"b",...arr]
console.log(arr2)// [2, "hello", true, "a", 2, "hello", true, "b", 2, "hello", true]