卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › map,filter,forEach的区别和用法

map,filter,forEach的区别和用法

坚果大叔
2018-12-03 11:17:59技术阅读 2,970

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)
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
将博客搬至CSDN
使用 Clash 加速同一局域网下的其他设备
JS foo()
生活中的突发事件
element-ui中的Select选择器中remote-method方法带自定义参数
ant-design slider 组件增加推荐区间展示
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
211 0 1
什么是 Skill?
2026-08-12 21:32:42
242 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
455 8 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,581 4 0
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
170
评论
431
喜欢