js如何添加新元素到数组中

简介: js如何添加新元素到数组中

1.push方法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。这是向数组添加元素的最常用方法。

let arr = [1, 2, 3];  
arr.push(4); // 向数组末尾添加元素4  
console.log(arr); // 输出: [1, 2, 3, 4]

2.unshift方法

unshift() 方法可向数组的开头添加一个或多个元素,并返回新的长度。如果你想在数组的开始位置添加元素,这是一个很好的选择。

let arr = [1, 2, 3];  
arr.unshift(0); // 向数组开头添加元素0  
console.log(arr); // 输出: [0, 1, 2, 3]

3.splice方法

splice() 方法通过删除或替换现有元素或者添加新元素来改变一个数组的内容。如果你想在数组的特定位置插入元素,这是一个非常有用的方法。

let arr = [1, 2, 4];  
arr.splice(2, 0, 3); // 在索引2的位置插入元素3  
console.log(arr); // 输出: [1, 2, 3, 4]

4.使用扩展运算符

扩展运算符允许一个可迭代的对象如数组表达式或者字符串在调用函数时被展开,或在构造数组时被展开,或在构造对象时被展开。你也可以用它来向数组中添加新元素。

let arr = [1, 2, 3];  
arr = [...arr, 4]; // 使用扩展运算符向数组末尾添加元素4  
console.log(arr); // 输出: [1, 2, 3, 4]
目录
相关文章
|
5天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
14 2
|
9天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
15 3
|
10天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
30 4
|
9天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
20 1
|
12天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
20 5
|
16天前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
13 3
|
15天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
27 1
|
17天前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
15 0
|
22天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
20 3
|
9天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
10 0