2025年数组改变本身的方法（数组改变原数组的方法）

科技前沿 • 2025-05-17 19:55 • 阅读 47

大家好，我是讯享网，很高兴认识大家。

 <p>本篇文章给大家带来了关于javascript的相关知识，其中主要总结介绍了一些常用的数组方法，整理分成了不会改变原数组的方法和会改变原数组的方法，下面一起来看一下，希望对大家有帮助。</p>

【相关推荐：javascript视频教程、web前端】

众所周知，向后端请求数据，处理数据是前端工程师必备的技能，从后端请求回来的数据往往是数组的形式返回到前端，因此数组处理方法的重要性可想而知；数组的处理方法在MDN文档上很多，很多朋友在学习时往往会抓不住重点，导致事倍功半，但是大家不要担心，为大家总结了工作中常用的18种数组处理的方法

forEach()方法传入的参数是一个函数，内部传入的函数的形参第一个是item数组每一项的值，第二个是索引号index，它的返回值是undefined；
运行实例如下：
在这里插入图片描述
控制台输出结果

立即学习“Java免费学习笔记（深入）”；

filter()方法是筛选数组的方法，传入的参数和forEach方法一样，但是返回值为一个数组，实际应用是用来将获取到的数据中符合条件的数组筛选出来；
运行的实例如下：
在这里插入图片描述
控制台输出结果如下：

map()方法传入的参数也同上，它的返回值也是一个新的数组；map()方法可以对数组的每一项进行相同的处理，运行的实例如下：
在这里插入图片描述

控制台的输出结果：
在这里插入图片描述

findIndex()方法顾名思义，是返回数组中的符合条件的第一项的索引号，如果找不到返回-1。传入的参数同上，运行实例如下所示：

控制台输出结果：
在这里插入图片描述

find()方法是返回查找到的第一个符合条件的那一项，传入的参数同上。运行实例如下所示：

控制台运行结果如下：
在这里插入图片描述

some()方法传入的参数同上，返回值是布尔值，只要查找到一项符合条件就返回true；示例如下：

在这里插入图片描述

every()方法传入的参数也是同上，返回值是布尔值，但是必须每一项都符合条件才返回true；示例如下：

在这里插入图片描述

reduce()函数中的参数第一个参数是函数，第二个参数是暂存变量sum的类型，第一个参数函数有四个参数，不过常用的就是第一个参数为累加暂存变量（return就是这个值），第二个参数item。第三个是index，第四个是数组本身；代码示例如下：

控制台输出结果如下：
在这里插入图片描述

在这里插入图片描述

push()/unshift()方法是分别在数组的最后面和最前面添加一个元素，返回值是新数组的长度；

控制台输出结果如下：
在这里插入图片描述

此两种方法pop()是删除数组的最后一个值，shift()是删除数组的第一项的值；返回值是删除的那一项；

控制台输出结果如下：
在这里插入图片描述

在这里插入图片描述

splice()方法修改原数组，返回一个删除元素的新数组,负数就是从后往前数索引；传入的第一个参数是删除的起始元素的索引号，第二个参数是删除的元素的个数；

在这里插入图片描述

控制台输出结果：
在这里插入图片描述

【相关推荐：javascript视频教程、web前端】

以上就是JavaScript总结之18种常用数组方法的详细内容，更多请关注php中文网其它相关文章！