卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 关于
首页 › 技术 › map,filter,forEach的区别和用法

map,filter,forEach的区别和用法

坚果大叔
2018-12-03 11:17:59技术阅读数 240

map

map() 方法创建一个新数组,其结果是该数组都执行一次函数,原函数保持不变。

   var a = [1,2,3,5,4,8,6,3,2]
   var newa = a.map(x =>{
     return x + 1
   })
   newa // [2,3,4,5,9,7,4,3] 对新数组进行加1赋值

forEach

forEach() 方法对数组的每一个元素执行一次提供的函数。

   var a = [1,2,3,5,4,8,6,3,2]
   var newa = a.forEach((item,index)=>{
     return item +1
   })
   //遍历所有值

filter

filter() 方法使指定函数测试数组的每一个元素,并返回一个通过元素的新数组。

   var a = [1,2,3,5,4,8,6,3,2]
   var newa = a.filter(x=>{
     return x > 1
   })
   newa // [2,3,5,4,8,6,3,2]  用于过滤大于1 的

some

some() 方法测试该数组只要有元素通过了指定函数的测试,如果有返回true,否则,返回false。

  var a = [1,5,2,4,5,8,6,10]
  var newa = a.some(x=>{
        return x > 10
  })
  true // 判断a中是否有大于10 的值有则true 无则 false

every

every() 方法测试该数组是否全部通过指定函数测试,全部通过返回true,否则,返回false

  var a = [1,5,2,4,5,8,6,10]
  var newa = a.every(x=>{
    return x > 10
  })
  false // 判断a中是否都大于10 的值是则true 无则 false

reduce

reduce() 接受一个函数作为累加器,依次加上数组的当前元素。

var a = [1,5,2,4,5,8,6,10]
var newa = a.reduce((x,i)=>{
return x + i
})
41 //累加数组中的值
Filter foreach map
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
JQ获取图片的实际尺寸
上一篇
页面的重绘(repaint)与回流(reflow)
下一篇
今日天气
摸鱼日历
摸鱼人日历
近期文章
  • 猫🐱
  • Input 空格问题
  • Sort函数小Tips😁😃❤️😒😭😩😳
  • 🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎🌎
  • element-ui中的Select选择器中remote-method方法带自定义参数
归档
  • 2022年6月
  • 2022年5月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年6月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年12月
  • 2019年11月
  • 2019年10月
  • 2019年9月
  • 2019年8月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年3月
  • 2018年2月
  • 2017年12月
  • 2017年11月
  • 2017年9月
Input 空格问题
2022-06-22 10:52:44
18 0 0
Sort函数小Tips😁😃❤️😒😭😩😳
2022-06-20 15:09:29
18 0 0
element-ui中的Select选择器中remote-method方法带自定义参数
2022-05-27 16:13:19
109 2 1
CSS之GAP属性
2022-05-25 19:28:05
92 2 2
  • 0
博主

一枚佛系前端开发,会一丢丢摄影,喜欢折腾,爱好美食。分享点前端技巧、笔记以及各种有趣的APP和资源教程♥♥

友链
Lieme
公众号
西豆 崔欣 执行上下文 卖坚果的怪叔叔 集赞助手
Copyright © 2017-2022 卖坚果的怪叔叔

苏ICP备18048410号-2
  • 首页
  • 技术
  • 生活
  • 记录
  • 朋友
  • 常用代码
  • 关于
# WordPress # # CSS #
坚果大叔
198
文章
47
评论
116
喜欢