ES6中数组首尾两端和中间添加/移除数据方法

最新推荐文章于 2024-03-16 07:30:00 发布

GuanJdoJ

最新推荐文章于 2024-03-16 07:30:00 发布

阅读量6.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习积累文章标签： JS ES6 数组拓展运算符

本文链接：https://blog.youkuaiyun.com/GuanJdoJ/article/details/83410874

学习积累专栏收录该内容

24 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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]