还在傻傻分不清ES5、Es6数组方法?各大姿势来袭
发布网友
发布时间：2025-01-23 11:05
共1个回答
热心网友
时间：2025-01-23 13:21
初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。
适合人群： 前端初级开发
Es5系列：
indexOf：用于查找数组中是否存在某个值，如果存在则返回某个值的下标，否则返回-1。
map：是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。
forEach：用于遍历一个数组，接收三个参数，value，index，self，返回值为undefined。
splice：用于数组删除或替换内容，接收三个参数：
slice：用于截取数组值，接收两个参数，第一个参数是要获取哪个值的下标，第二个参数是截取到哪个下标的前一位。
filter：用于过滤数组内的符合条件的值，返回值为满足条件的数组对象。
every：用于检测数组所有元素是否都符合指定条件，返回值为Boolean , 该方法是数组中必须全部值元素满足条件返回true，否则false。
some：用于检测数组中的元素是否满足指定条件，返回值为Boolean , 该方法是只要数组中有一项满足条件就返回true，否则false。
reduce：该方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。该方法回调函数接收四个参数。我们一般只用前两个就行，reduce第一个参数回调函数，第二个参数是初始值。
reverse：用于数组反转。
join：用于数据以什么形式拼接。
sort：用于将数组排序，排序规则看返回值。
concat：用于合并数组原始。
push：向数组后面添加元素，返回值为数组的length。
pop：用于删除数组尾部的元素，返回值为删除的元素。
shift：用于删除数组的头部，返回值为删除的元素。
unshift：向数组的头部添加元素，返回值为数组的length。
toString：用于将数组内容转换为字符串。
Es6 +：
includes：检测数组中是否存在该元素，返回Boolean值。
find：查找数组的元素，满足条件的返回单个值，按照就近原则返回。
findIndex：查找数组中元素，满足条件的返回数组下标。
flat：用于拉平嵌套数组对象。
fill：用于填充数组对象。
Array.isArray：检测对象是不是一个数组。
Array.from：将伪数组转换为真数组。
Array.of：用于生成一个数组对象，主要是用来弥补Array()的不足。
改变原始数组值的有哪些：splice、reverse、sort、push、pop、shift、unshift、fill。
结语：这里keys、values、entries就不写啦，它们使用数组方式的话，返回的是Iterator遍历器对象。欢迎大家查漏补缺常用数组方法哦。
感谢：谢谢你读完本篇文章，希望对你能有所帮助，如有问题欢迎各位指正。
我是蛙人(✿◡‿◡)，如果觉得写得可以的话，请点个赞吧
。
往期好文：
分享15个Webpack实用的插件！！！
手把手教你写一个Vue组件发布到npm且可外链引入使用
分享12个Webpack中常用的Loader
聊聊什么是CommonJs和Es Module及它们的区别
带你轻松理解数据结构之Map
这些工作中用到的JavaScript小技巧你都知道吗？
【建议收藏】分享一些工作中常用的Git命令及特殊问题场景怎么解决
你真的了解ES6中的函数特性么？
本文作者：蛙人，原文链接：还在傻傻分不清ES5、Es6数组方法？各大姿势来袭
关注掘金开发者社区公众号，了解更多技术干货~
热心网友
时间：2025-01-23 13:25
初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。
适合人群： 前端初级开发
Es5系列：
indexOf：用于查找数组中是否存在某个值，如果存在则返回某个值的下标，否则返回-1。
map：是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。
forEach：用于遍历一个数组，接收三个参数，value，index，self，返回值为undefined。
splice：用于数组删除或替换内容，接收三个参数：
slice：用于截取数组值，接收两个参数，第一个参数是要获取哪个值的下标，第二个参数是截取到哪个下标的前一位。
filter：用于过滤数组内的符合条件的值，返回值为满足条件的数组对象。
every：用于检测数组所有元素是否都符合指定条件，返回值为Boolean , 该方法是数组中必须全部值元素满足条件返回true，否则false。
some：用于检测数组中的元素是否满足指定条件，返回值为Boolean , 该方法是只要数组中有一项满足条件就返回true，否则false。
reduce：该方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。该方法回调函数接收四个参数。我们一般只用前两个就行，reduce第一个参数回调函数，第二个参数是初始值。
reverse：用于数组反转。
join：用于数据以什么形式拼接。
sort：用于将数组排序，排序规则看返回值。
concat：用于合并数组原始。
push：向数组后面添加元素，返回值为数组的length。
pop：用于删除数组尾部的元素，返回值为删除的元素。
shift：用于删除数组的头部，返回值为删除的元素。
unshift：向数组的头部添加元素，返回值为数组的length。
toString：用于将数组内容转换为字符串。
Es6 +：
includes：检测数组中是否存在该元素，返回Boolean值。
find：查找数组的元素，满足条件的返回单个值，按照就近原则返回。
findIndex：查找数组中元素，满足条件的返回数组下标。
flat：用于拉平嵌套数组对象。
fill：用于填充数组对象。
Array.isArray：检测对象是不是一个数组。
Array.from：将伪数组转换为真数组。
Array.of：用于生成一个数组对象，主要是用来弥补Array()的不足。
改变原始数组值的有哪些：splice、reverse、sort、push、pop、shift、unshift、fill。
结语：这里keys、values、entries就不写啦，它们使用数组方式的话，返回的是Iterator遍历器对象。欢迎大家查漏补缺常用数组方法哦。
感谢：谢谢你读完本篇文章，希望对你能有所帮助，如有问题欢迎各位指正。
我是蛙人(✿◡‿◡)，如果觉得写得可以的话，请点个赞吧
。
往期好文：
分享15个Webpack实用的插件！！！
手把手教你写一个Vue组件发布到npm且可外链引入使用
分享12个Webpack中常用的Loader
聊聊什么是CommonJs和Es Module及它们的区别
带你轻松理解数据结构之Map
这些工作中用到的JavaScript小技巧你都知道吗？
【建议收藏】分享一些工作中常用的Git命令及特殊问题场景怎么解决
你真的了解ES6中的函数特性么？
本文作者：蛙人，原文链接：还在傻傻分不清ES5、Es6数组方法？各大姿势来袭
关注掘金开发者社区公众号，了解更多技术干货~
