javascript中数组常用方法：map、filter、reduce、splice、push、pop、shift、unshift、sort、reverse、slice、concat

admin

2026年2月11日 12:17 本文热度 63

1.数组中的map()方法

说明：转换数组，创建新数组，返回一个等长的新数组，不改变原数组。

let dataArr=[1,2,3];let result=dataArr.map(item=>item*2)console.log(result)// 返回[2,4,6]console.log(dataArr)// 原数组的值未变

2. 数组中的filter()方法

说明：筛选数组，创建新数组，返回一个筛选过的新数组，不改变原数组。

let dataArr=[1,2,3];let result=dataArr.filter(item=>item>2)console.log(result)// 返回[3]console.log(dataArr)// 原数组值未变

3. 数组中的reduce()方法

说明：汇总、累加数组元素，返回单个汇总结果，不改变原数组。

let dataArr=[1,2,3];let inintValue=0let result=dataArr.reduce((sumValue,currentValue)=>{    return sumValue+currentValue},inintValue)console.log(result)//返回 6console.log(dataArr)// 原数组不变//reduce 函数中的两个值//1.回调函数(累计值，当前值，当前遍历所用，数组)//2.inintValue值，当reduce函数不传入inintValue变量，回调函数将从数组中的第一个元素开始遍历数组

4. 数组中的splice()方法

说明：原地修改数组(增删改)，返回被删除的元素数组，改变原数组。

let dataArr=[1,2,3];let result=dataArr.splice(2,0,4)console.log(result) // 返回空数组，因为我们这里是新增console.log(dataArr)// 原数组中第三个位置中插入了4，返回[1,2,4,3]// splice 三个参数说明//第一个参数 索引位置//第二个参数 删除数量 0表示不删除//第三个参数 插入元素

5. 数组中的push()方法

说明：在原数组的尾部增加元素，改变原数组。

let dataArr=[1,2,3];dataArr.push(4,5)console.log(dataArr)// 返回[1,2,3,4,5]

6. 数组中的pop()方法

说明：在原数组的尾部删除元素，改变原数组。

let dataArr=[1,2,3];let result=dataArr.pop()console.log(dataArr)// 返回 [1,2]

7. 数组中的shift()方法

说明：在原数组的前面删除元素，改变原数组

let dataArr=[1,2,3];let result=dataArr.shift()console.log(dataArr)// 返回 [2,3]

8. 数组中的unshift()方法

说明：在原数组的前面增加元素，改变原数组。

let dataArr=[1,2,3];let result=dataArr.unshift(0,0.5)console.log(dataArr) // 返回[0,0.5,1,2,3]

9. 数组中的sort()方法

说明：将原数组按照升序或者降序排列，改变原数组。

//升序let dataArr=[1,5,3];let result=dataArr.sort((x,y)=>{    return x-y})console.log(dataArr)// 返回 [1,3,5]//降序let dataArr2=[1,3,5]dataArr2.sort((x,y)=>{    return y-x})console.log(dataArr2) // 返回[5,3,1]

10. 数组中的reverse()方法

说明：将原数组中的数组颠倒，改变原数组。

let dataArr=[1,3,5]dataArr.reverse()console.log(dataArr) //返回 [5,3,1]

11. 数组中的slice()方法

说明：返回一个新数组，原数组不受影响

let dataArr=[1,3,5]let result=dataArr.slice(0,2);console.log(result) //返回[1,3]console.log(dataArr) // 返回[1,3,5] 原数组不受影响

12. 数组中的concat()方法

说明：合并一个或多个数组到调用数组的末尾，生成并返回一个新数组，原数组不受影响。‌

const arr1 = [1, 2];const arr2 = [3, 4];const newArr = arr1.concat(arr2);console.log(newArr)//返回[1,2,3,4]console.log(arr1)//返回[1,2] 不受影响console.log(arr2)//返回[3,4] 不受影响

该文章在 2026/2/11 12:17:25 编辑过

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。