JavaScript数组增删改查核心方法详解

作者:小括号时间:2026-10-30 09:22:54浏览:401

本文系统梳理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中数组的增删改查就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。

作者最新文章