ES6中新增的一些数组方法（map、filter、reduce，find、every、some、forEach）

最新推荐文章于 2024-06-17 03:00:26 发布
最新推荐文章于 2024-06-17 03:00:26 发布
阅读量643 收藏 1
点赞数
分类专栏： JS ES6 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Peggy0829/article/details/106875986
版权
本文介绍了ES6中数组的几个重要方法，包括map函数用于映射操作，filter函数用于过滤数组元素，reduce函数用于迭代计算，find函数用于查找第一个符合条件的元素，every和some则分别用于检查所有元素是否都符合条件以及是否存在至少一个符合条件的元素。最后，还提到了forEach函数作为遍历数组的工具。
摘要由CSDN通过智能技术生成

1. map函数

map函数是一个映射函数，有一一映射的关系。

array.map((item) => {…})

let array = [1,2,3,4,5]
let newArr = array.map(item => {
   
    return item + 1
})
console.log(newArr) //[2,3,4,5,6]

可以看到结果是遍历了数组中的每一个数并加上了1。

2. filter函数

filter是过滤的意思，调用了filter方法后，会得到一个过滤后的新数组。

array.filter( (item) => {…} )

let array = [1,2,3,4,5]
let newArr =
最低0.47元/天 解锁文章
PeggyCoding
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 操作数组 方法 区别 map filter reduce find
二豆不要二豆
01-18 1万+
1. mapmap函数可以看成是一种映射函数，而且是一一映射array.map(function(参数){....函数体......})es6写法：array.map((参数)=>{....函数体......})map适合对一个数组中的每个元素进行相同的操作2. filterfilter函数可以看成是一个过滤函数，返回符合条件的元素的数组filter和map的区别：filter需要在循环的时...
ES6新增数组方法
weixin_42262156的博客
01-16 289
js中数组方法虽然很多很杂,看起来不好记,但是如果你用心总结一下的话还是比较好记的,而且熟记这些方法也一定会对你的工作起到非常积极的作用,下面我们来总结一下 1.forEach() let arr = [1,2,3,'aaa','bbb']; arr.forEach((item,index)=>{ console.log(item,index) }) //输出结果 //1 0 ...
【ES6系列】详解ES6中的Map
最新发布
2401_84619185的博客
06-17 1347
map.get(‘name’) //张三注意：如果map中存在相同的键名（比较规则是栈内存中是否一致，只要内存地址不一样，就视为两个键），则后面的赋值会覆盖前面的如果读取一个未知的键，则返回undefined二、实例属性和方法size属性可以返回map的长度。—— 添加或修改键值对，返回值是当前的集合，所以可以采用链式调用。—— 根据key获取—— 是否含有键名key，返回布尔值—— 删除某个—— 清空集合—— 返回键名的遍历器—— 返回键值的遍历器—— 返回键值对的遍历器—— 遍历集合。
ES6之新增数组方法
柚稚的博客
03-21 886
ES6对数据新增了几个方法，在这里做一下学习记录，新增的方法有 foreach map reduce filter foreach 遍历 let score=[21,85,38,90]; score.forEach((item,index)=>{ console.log(index+":"+item) }) 以下为输出的结果 map...
ES6之map()方法
热门推荐
weixin_40736319的博客
04-14 9万+
map()方法：map，映射，即原数组映射成一个新的数组； map方法接受一个新参数，这个参数就是将原数组变成新数组的映射关系。 function myfun_1(arr){ var array = []; arr.map( item => { array.push(item*item); }); console.log(array); } function myfun...
ES6 中新增的数组方法Array.from()
不知名人士的博客
07-02 94
将其他数据类型转换为数组 基本用法 console.log(Array.from('str')); // ["s", "t", "r"] 哪些可以通过 Array.from() 转换成数组？ 1.所有可遍历的 例如：数组、字符串、Set、Map、NodeList、arguments console.log(Array.from(new Set[1, 2, 1)); // [1, 2] // 其实使用...new Set这种展开符的形式更直观些 2.拥有 length 属性的任意对象 const obj
【vue】vue+ES6循环处理数组：map、filter、foreach、every、some、reduce、find、findIndex等方法（转载）
efew212efe的博客
04-27 1062
列举了一些实际项目中经常使用到的方法 一、map()方法：全部循环，不改变原数组，会生成新的数组。 test(){ let arr=[0,1,2,3,4]; let afterArr = arr.map(val => val+2) console.log(arr);//[0, 1, 2, 3, 4] console.log(afterArr);//[2, 3, 4, 5, 6] }, 二、foreach()：全部循环，可以重新给原数.
ES6数组新增的：forEach() 、map()、filter()、some()、every()、findindex()、reduce()的总结
qq_37212396的博客
07-03 614
名称 作用 函数返回值 return forEach() 遍历数组 无 无 map() 映射 新数组 return（当前元素） filter() 过滤 新数组 return true(元素添加到新数组) some() 用于判断数组中是否存在满足条件的元素 布尔类型 return true；循环结束 every() 用于判断数组中是否所有元素都满足条件 布尔类型 return true; 循环继续 findIndex() 获取符合条件的第一个元素的下标 数字 return...
ES6中数组新语法：map()、filter()、forEach()、some()、every()、findIndex()、reduce()的介绍及举例说明，详解
qq_46034942的博客
03-12 1326
ES6中数组新语法：map()、filter()、forEach()、some()、every()、findIndex()、reduce()的介绍及举例说明，详解
JavaScript - ES6 数组常用方法forEach、map、filter、some、every、reduce、findIndex、find、slice、splice、push、unshift
王佳斌
01-25 1475
JavaScript，ES6，js，array，数组方法，常用方法，教程讲解，js数组如何实现，forEach，map，filter，some，every，reduce，findIndex，find，slice，splice，push，unshift，使用示例，数组遍历循环，数组过滤筛选，数组去重，数组分割，数组追加项，数组删除。
ES6之数组新增方法 （map，reduce，filter，forEach）
dou_xiaobao的博客
10-26 492
对于数组，ES6中新增4个很实用的方法，分别有：map ，reduce，filter，forEach。接下来我们来一一讲解。 1、map 映射 一个对一个 let arr = [6，10，12, 5, 8] let result = arr.map(function (item) { return item*2 }) let result2 = arr.map(item=>item*2) // es6的箭头函数简写，若想了解，后面的文章有介绍 console.log(result) cons
es6学习_数组方法_map
gunsmoke的专栏
09-29 115
var originArray = [1,2,3,4,5]; var newArray = originArray.map((item) => { return item * 2; //这里必须return,否则返回undefined }); console.log(newArray); //返回[2,4,6,8,10]
ES6-新增的数组方法之最常用的几种 map()，filter()，reduce（），forEach（），
qq_52499703的博客
07-16 642
本文详细介绍了ES6中部分常用的方法例如map,filter，reduce，forEach方法
ES6新语法之数组新增方法：map，filter，reduce，some和every的用法
weixin_45819386的博客
04-17 4396
随着ES6的到来，我们JavaScript语法中新增了许多的数组方法，今天就来分享一篇关于数组新增方法的知识 1.map（）方法： （1）作用：map（）方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值； map() 不会对空数组进行检测；并且不会改变原始数组。 （2）通过map（）方法 对数组元素进行处理 <script> // 创建一个成绩数组 let grades=[45,67,98,100]; // 我们可以通过map 给每个字符数组+"分" let Gr
ES6 filter、map、find、some、every方法？
weixin_43869982的博客
07-21 159
1、forEach():主要用于循环遍历数组，不会返回新对象，运行无法中止，无法链式调用。 2、 filter(): 主要用于筛选过滤数组，返回符合筛选条件的数据，不会改变原数组。 3、map():主要用于循环遍历数组，也可以根据某些条件筛选数据，不会改变原数组。 4、find(): 主要用于查找数组的数据，只要查找到一条符合条件的数据，直接返回，不会再继续查找下去。没有找到符合条件的数据返回undefined。 5、some():用于检测数组中的元素是否满足指定条件，若任意一项满足则返回true，
es6中的map方法
Smile_666666的博客
08-01 5951
es6中的map（）方法 一、简单的说明 map是一种数据结构，类似于对象，但是里面的键的值可以是各种类型，包括对象也行 //声明Map let m = new Map(); m.set('name','zhangsan');//添加 m.set('change',function(){ console.log('changgege');//添加 }) let key={
es6的map（）方法
keaixiaopangya的博客
03-22 3080
map()方法：map，映射，即原数组映射成一个新的数组； map方法接受一个新参数，这个参数就是将原数组变成新数组的映射关系。 在实际的应用中，我们可以通过map方法得到某一个对象数组中特定属性的值。 ...
ES6数组方法总结
m0_70455545的博客
03-01 2235
ES6字符串与数组方法总结
ES6新增的数组方法
10-27
ES6新增了许多数组方法，其中一些重要的方法包括： 1. map()方法：该方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 2. flat()方法：该方法用于将嵌套的数组“拍平”，即将多维数组转换为一维数组。 3. flatMap()方法：该方法首先使用map()方法，然后使用flat()方法将结果“拍平”。 4. find()方法：该方法返回数组中第一个满足提供的测试函数的元素的值，如果没有找到则返回undefined。 5. findIndex()方法：该方法返回数组中第一个满足提供的测试函数的元素的索引，如果没有找到则返回-1。 6. includes()方法：该方法判断数组是否包含某个元素，返回一个布尔值。 7. fill()方法：该方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。 8. copyWithin()方法：该方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，而不修改其大小。 9. from()方法：该方法从一个类似数组或可迭代对象中创建一个新的数组实例。 10. at()方法：该方法返回指定索引位置的元素值，如果索引超出范围则返回undefined。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值