ES6新增内容（2）——数组新增方法

最新推荐文章于 2025-05-01 11:26:51 发布
最新推荐文章于 2025-05-01 11:26:51 发布
阅读量375 收藏
点赞数
文章标签： 前端 js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jxslpd/article/details/124202671
版权
这篇博客详细介绍了ES6中数组的四个新方法：map用于对数组元素进行处理并返回新数组；filter则用于过滤数组中满足条件的元素；some和every分别用于检查数组中是否存在满足条件的元素，前者只要找到一个符合条件就返回true，后者要求所有元素都符合；最后，reduce方法用于对数组进行累加操作，可用于字符串拼接、求和、去重和统计字符出现次数等场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

1、map方法

2、filter方法

3、some和every方法

1、map方法

用例如下

输出

 

 可以看到，map方法将数组元素进行特殊处理后，返回了一个新数组。用于得到多数据中每个数据有相同错误的修改。

2、filter方法

 输出

filter是过滤数组中符号条件的元素，返回一个新数组 

3、some和every方法

1）every方法

 输出

 every方法是判断数组中每个元素是否全都符号特定条件，全都返回true，有一个不符合返回false。

2）some方法

第一种情况：数组元素中存在一个即以上符合特定条件的元素

输出

第二种情况：数组中不存在符合特定条件的元素

 

 输出

综合上述两种方法：两者都是返回布尔值，some方法是只要发现了数组中符合条件的元素就返回true，从头到尾都没有发现就返回false，而every方法是只要发现了数组中不符合条件的元素就返回false，从头到尾符合条件就返回true。应用场景：前端校验器。

4、reduce方法

 

输出

 

reduce方法中存在四个参数：

1）prev：上一次操作返回的结果 ,可以设置默认值，如果不设置默认值，那么第一个元素就作为第一个prev
2）item: 本次操作的元素
3）index:本次操作元素的索引值
4） array:当前操作的数组 

上面例子是字符串简单拼接 ，还可以做求和（和上例差不多，prev初始值设为0或不设初始值就行）、去重、统计字符出现次数。

如下

去重：

输出

 

统计字符出现次数：

输出

 

 

 

jxshh
关注
ES6-新增的数组方法之最常用的几种 map()，filter()，reduce（），forEach（），
qq_52499703的博客
07-16 693
本文详细介绍了ES6中部分常用的方法例如map,filter，reduce，forEach方法
ES6——数组进阶1
azou1234的博客
06-20 637
数组（Array） 数组也是一个对象，是一个用来存储数据的对象和Object类似，但是它的存储效率比普通对象要高 数组中保存的内容我们称为元素 数组使用索引（index）来操作元素 索引指由0开始的整数 数组的操作： 创建数组 var arr = new Array(); var arr = []; 向数组中添加元素 语法：数组对象[索引] = 值; 例子 arr[0] = 123456; arr[1] = "hello"; 创建数组时直接添加元素 例子： var arr = [123
ES6数组扩展
weixin_33957648的博客
07-30 186
前面的话 　　数组是一种基础的JS对象，随着时间推进，JS中的其他部分一直在演进，而直到ES5标准才为数组对象引入一些新方法来简化使用。ES6标准继续改进数组，添加了很多新功能。本文将详细介绍ES6数组扩展   静态方法 　　在ES6以前，创建数组的方式主要有两种，一种是调用Array构造函数，另一种是用数组字面量语法，这两种方法均需列举数组中的元素，功能非常受限。如果想将一个类数组对象(...
数组对象出现的新功能
cjx177187的博客
06-27 256
（1）数组创建参数说明：Array.from(arrayLike[, mapFn[, thisArg]])的字符（2）扩展的方法
ES6 数组增加的方法
weixin_30575309的博客
06-04 260
　　1, Array.of()创建数组用，创建数组的新方法 　　这个方法的由来，主要是因为使用new Array()创建数组的时候，行为不一致。当我们给new Array() 传递一个数字的时候，他不是创建一个数组包含这个元素，而是创建一个长度为这个数字的数组。但当传递一个其它类型的数据给new Array()的时候，它只会创建包含这个元素的数组。 let arr1 = new A...
Es6数组新增方法与字符串新增方法和新增数据类型
m0_58802575的博客
06-16 454
filter方法：筛选数组中的内容，找出其中符合条件的元素，返回一个新数组 缺点：filter只能用于数据量较小的内容筛选，不适合用在数据库这种大型的数据搜索。 every: 全体为真才为真 reduce：将数组中的元素进行整合，返回一个新的内容 prev: 上一次操作的返回结果,如果没有设置默认参数，那么第一个数组元素，作为第二个数组元素的prev item: 当前数组元素 index: 数组元素的索引值 array: 当前操作的数组 2. 字符串新增方法 startsWith()
ES6字符串和数组方法使用
g841805的博客
03-10 1171
方法有两个缺点，一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，表达起来不够直观。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。上面代码表示将从3号位直到数组结束的成员（4和5），复制到从0号位开始的位置，结果覆盖了原来的1和2。如果用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串。方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。
ES6语法：对象的新增方法——Object（Object.is() Object.assign()）
XSL_HR的博客
09-28 1962
本文是一篇关于ES6中对象的新增方法——Object的知识文章。在文章中会从理论和实践两个角度入手，代码片段可能比较多，需要耐心阅读。本文紧接ES6专栏ECMAScript(ES6)第三幕之解构赋值篇【字符串&数值布尔值&函数参数的解构赋值&圆括号问题】内容，进一步学习对象的新增方法。创作不易！多多关照！！
ES6——数组扩展 ... Array.from() Array.of() flat() reduce()
ling_xy的博客
09-27 843
文章目录1.扩展运算符...2.Array.from()类数组3.Array.of()4.find() 和 findIndex()5.fill() 填充数组6.数组实例的 entries()，keys() 和 values()7.includes()8.flat()，flatMap() 1.扩展运算符… ES6——扩展运算符… 2.Array.from() 将两类对象转为真正的数组：类数组（querrySelectAll）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）
【高频考点精讲】ES6 Array的新增方法，处理数组更高效了
最新发布
全栈老李的博客
05-01 133
（全栈老李原创，搬运必究）各位前端er们，不知道你们有没有经历过被for循环支配的恐惧？ES6给Array新增的几个方法简直就是程序员的"快乐水"——mapfilterreduce这些方法用起来比写for循环舒坦多了。今天老李就带大家盘一盘这些"快乐水"的正确打开方式。
ES6新增数据Symbol和Map以及Set
qq_58955964的博客
07-11 220
ES6新增的Symbol基本数据，Map数据容器，Set容器他们的用法及功能，arr和map和set的相互转换
es6新增-数组部分
m0_65912225的博客
05-31 1588
数组的扩展方法 1.静态方法 Array.isArray() :数组es5静态方法 作用: 检测一个变量/数据是不是数组(类型) typeof方法检测数据类型: 只能用于检测基本类型,不能用来检测引用类型 返回值: 如果是数组(类型),返回true;否则返回false console.log(Array.isArray(array)) //true console.log(Array.isArray(obj)) //false Array.from( arrayLike,[call
es6新增数组的方法
qq_64207331的博客
08-28 780
谢谢大家 欢迎观看小帅分享
ES6语法——数组新增操作
weixin_51405694的博客
06-27 1018
ES6语法——数组新增操作
ES6新增数组方法
zmmsdk的博客
03-04 162
关于数组中foreach() 、map()、filter()、reduce() 、 some()、every()的总结。 1.foreach() var arr = [1,2,3,4]; arr.foreach((item,index,arr)=>{ console.log(item); //结果为1,2,3,4 }); //foreach遍历数组，无返回值，不改变原数组，仅仅只是遍历，...
ES6新增的数据结构
前端精髓
08-05 1627
ES6知识笔记
ES6中新增数组方法
weixin_41675013的博客
06-04 1022
//eval 可以把字符串转为表达式 eval(ary.join('+')) 回调函数forEach map some every filter reduce var ary = [100,200,300,400]; let fn = (item,index)=>{// 回调函数 // item 和 index 都是形参 // item 是数组中的每一项 // index 是每一项对应的索引 console.log(item,index) item = 1000; } ary....
数组扩展，在es6中，关于数组增加的功能
wenfu814的博客
07-20 1038
//Array.from 把类数组转成真正的数组 //Array.fo 把一组数据转成数组 //copyWithin 将数组内部指定的元素 复制到指定的目标位置 //配合 for of ----->keys 打印数组的下标 ------>values 打印数组的值 ------>entries------->打印数组的下标和值 //find ---...
es6数组的扩展新增方法
热门推荐
Front end development engineer
10-24 3万+
Array.from() Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。 实际应用中，常见的类似数组的对象是 DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。 如果map函数里面用到了this关键字，还可以传入Array.from的第三个参数，用来绑定this。 Array.fr.
前端学习必备——ES6完整笔记与资料
了解和掌握ES6新增的特性对于前端开发者来说至关重要，这不仅能够提高代码质量、编写更加优雅和现代化的JavaScript代码，同时也有助于在开发中更好地解决各种编程问题。上述知识点仅为ES6的一部分，更多深入的内容还...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值