JavaScript数组增删改查核心方法详解
本文系统梳理JavaScript中数组的核心操作方法,涵盖push、unshift、pop、shift等增删技巧,深入解析splice和slice在截取与修改数组时的区别,以及reverse、sort排序逻辑。通过具体代码示例演示数组克隆、字符串转换及求和实现,帮助开发者掌握高效的数据处理方案。
数组的增加操作
数组元素的增加操作
•ary.push()方法
向数组末尾添加元素,返回新数组长度,原数组发生修改
•ary.unshift()方法
向数组开头添加元素,返回新数组长度,原数组发生修改
• var ary=[1,2,3,4]; var res=ary.unshift(6); console.log(res); ---->5
splice方法详解
返回新数组长度•ary.splice(n,m,x)从索引n开始删除m个元素,将新增元素X插入索引n前,返回被删除元素组成的新数组,原数组发生修改。
•ary.splice(n,0,x)
从索引n开始删除0个元素,将新增加的元素x插入索引n前,返回空数组,原数组发生修改。
•ary.splice(n,m)
从索引n开始删除m个元素,返回被删除内容组成的新数组,原数组发生修改
•splice(0,0,x)----->unshift
数组的删除操作
数组元素的删除操作
•ary.pop() 删除数组最后一项,返回被删除项,原数组发生修改
•ary.shift() 删除数组第一项,返回被删除项,原数组发生修改
•var ary=[5,8,3,4,6];var res=ary.shift();console.dir(res);---->5 返回数组第一项•删除数组最后一项的内容 ary.splice(ary.length-
1,1) //ary.length-1 数组最后一项的内容 ary.length-=1 ary.length--
•var ary=[5,8,3,4,6];//
ary.splice(ary.length-1,1);// ary.length-=1; console.dir(ary);---->
输出的是[5,8,3,4]数组的查询和复制操作
数组的查询与复制
•slice(n,m)从索引n开始,截取至索引m处,返回新数组,原数组不改变
•slice(n-1,m)把数组的第n项到第m项提取出来
•slice(n) 从索引n开始查找到数组末尾
•slice(0) slice() 将原有数组复制一份 属于数组克隆
•concat() 也可以实现数组克隆
•concat的本意是实现数组的拼接 ary.concat(ary2) 把两个数组进行拼接
数组转化为字符串
数组转字符串与求和
•tostring把数组的每一项拿出来用逗号隔开,原有数组不变 •join("+")把数组的每一项拿出来用指定分隔符隔开
•数组求和
var ary=[5,8,3,4,6];
var str=ary.join("+");
var total=eval(str);
console.dir(total); //将指定字符串变成真正的表达式执行
var ary=[5,8,3,4,6];
var total=0;
for(var i=0;i<ary.length;i++){
total+=ary[i];
}
console.dir(total);
数组的排列和排序
数组排序与常用方法
•reverse() 把数组倒过来排序,原数组发生修改
•sort 可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字 ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容
•indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 •foreach •map
会在以后的虚席中不断的进行补充 希望可以帮助大家一起理解学习。
以上这篇浅谈JavaScript中数组的增删改查就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
