【JS】JS数组添加元素的三种方法
2023-09-27 14:25:19 时间
正文
1、push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
1)、语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
参数 | 描述 |
---|---|
newelement1 | 必需。要添加到数组的第一个元素。 |
newelement2 | 可选。要添加到数组的第二个元素。 |
newelementX | 可选。可添加多个元素。 |
2)、返回值:
把指定的值添加到数组后的新长度。
3)、说明:
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。
4)、实例:
1 var arr = new Array(3) 2 arr[0] = "ZhangQian" 3 arr[1] = "LinFang" 4 arr[2] = "HaiKun" 5 6 console.log(arr);// ["ZhangQian","LinFang","HaiKun"] 7 console.log(arr.push("C"));// 4 8 console.log(arr);// ["ZhangQian","LinFang","HaiKun","C"] 9 console.log(arr.push("A","B"));// 6 10 console.log(arr);// ["ZhangQian","LinFang","HaiKun","A","B","C"]
2、unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
1)、语法:
arrayObject.unshift(newelement1,newelement2,....,newelementX)
参数 | 描述 |
---|---|
newelement1 | 必需。向数组添加的第一个元素。 |
newelement2 | 可选。向数组添加的第二个元素。 |
newelementX | 可选。可添加若干个元素。 |
2)、返回值:
arrayObject 的新长度。
3)、说明:
unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。
请注意,unshift() 方法不创建新的数组,而是直接修改原有的数组。
4)、实例:
1 var arr = new Array(3) 2 arr[0] = "ZhangQian" 3 arr[1] = "LinFang" 4 arr[2] = "HaiKun" 5 6 console.log(arr);// ["ZhangQian","LinFang","HaiKun"] 7 console.log(arr.unshift("C"));// 4 8 console.log(arr);// ["C","ZhangQian","LinFang","HaiKun"] 9 console.log(arr.unshift("A","B"));// 6 10 console.log(arr);// ["A","B","C","ZhangQian","LinFang","HaiKun"]
3、splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
1)、语法:
arrayObject.splice(index,howmany,item1,.....,itemX)
参数 | 描述 |
---|---|
index | 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。 |
howmany | 必需。要删除的项目数量。如果设置为 0,则不会删除项目。 |
item1, ..., itemX | 可选。向数组添加的新项目。 |
2)、返回值:
类型 | 描述 |
---|---|
Array | 包含被删除项目的新数组,如果有的话。 |
3)、说明:
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
splice() 方法会直接对数组进行修改。
4)、实例:
1 var arr = ["A","ZhangQian","LinFang","HaiKun"]; 2 3 console.log(arr.splice(1,0,"B","C"));// [] 4 console.log(arr);// ["A","B","C","ZhangQian","LinFang","HaiKun"] 5 console.log(arr.splice(1,2));// ["B","C"] 6 console.log(arr);// ["A","ZhangQian","LinFang","HaiKun"] 7 console.log(arr.splice(1,1,"D"));// ["ZhangQian"] 8 console.log(arr);// ["A","D","LinFang","HaiKun"]
来源: https://www.cnblogs.com/willingtolove/p/10957669.html
相关文章
- JS 逆向 --- 过无限debugge、hook、js混淆还原、控制流混淆
- 【程序猿技术】Js中去除数组中重复元素的4种方法
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- js 从数据数组中返回选定的数据元素 JavaScript slice() 方法
- Jquery或Js中的字符串操作函数大全(搜集中)
- js 字符串操作函数
- js replace全部替换的方法
- JS unshift() 方法
- JS leetcode 有序数组的平方 题解分析,灵活运用Math.pow与Math.abs方法
- 在Android的webview中定做js的alert,confirm和prompt对话框的方法
- JS里数组合并的几种方法
- javascript定时器,取消定时器,及js定时器优化方法
- js中判断数组中是否包含某元素的方法
- 【转载】JS中bind方法与函数柯里化
- JS 数组方法 every 和 some 的区别
- JS面试题汇总(二)
- JS获取标签内容的方法
- js字符串方法汇总
- js解析Json字符串的方法
- Three 之 three.js (webgl)透视视角和正交视角,以及透视转正交的视角切换
- wx.showModal() 相当于 JS中的 confirm()
- JS 转化为String的三种方法
- JS获取各种浏览器窗口大小的方法
- 原生js源码之Array数组some方法
- js 发送http请求
- 封装异步API-js先执行完一个函数后再执行下面的逻辑或者方法