数组之map()、reduce()、apply()、forEach()，some()、every()基本用法

最新推荐文章于 2021-04-05 18:38:56 发布
最新推荐文章于 2021-04-05 18:38:56 发布
阅读量479 收藏
点赞数
分类专栏： JS基础 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40686529/article/details/92001838
版权

在学JS的数组过程中多次用到了这三个方法，确实简化了很多代码，但是用的也是云里雾里的，现在查询了一下文档，把它们三个基本用法记录下来。

前情提要：一遍看不懂看两遍，两遍看不懂看三遍，三遍看不懂百度一下，百度一遍不懂百度两下

首先附MDN官方数组方法大链接
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

map()

MDN定义：map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

看不懂！看代码语法及结果

↓

语法1：array.map(执行规则)
① map()是数组的一个方法
②括号里的规则自己定义

举个栗子举个栗子

↓

1.    var oldArr=['hell'];   //老数组里面内容是hell

2.    var newArr=oldArr.map(e=>e+'o');  

//括号里就比较厉害了！为什么是“e”？
//其实用什么都可以，名字只是一个代号
最低0.47元/天 解锁文章
浅端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中数组的forEach() 、map()、filter()、reduce()、some()、every()的用法
weixin_45561258的博客
07-10 780
一、forEach()循环数组 //ES5 var arr = [1,2,3,4,5,] ; arr.forEach(function(item,index,arr){ console.log(item); }); //ES6 var arr = [1, 2, 3, 4, 5]; arr.forEach((item,index,arr) => { console.log(item) //结果为1,2,3,4,5 }) forEach方法中的function
手写Array.map，reduce，filter
yuxiaoc的博客
10-27 194
map 具体看MDN或者我的另一篇文章 var new_array = arr.map(function callback(currentValue[, index[,array]]) { // Return element for new_array }[, thisArg]) 以前没注意的点 thisArgs 指的是回调函数的this thisArg 有指定时 不能用箭头函数 原因是箭头函数没有this隐式指向。箭头函数在定义时候就已经绑定了上层上下文中非箭头函数this map 方法处理
Array数组方法-mdn
rainbow的博客
04-05 1983
数组几大功能分类 遍历 Array.from(arr,fn) 第二个参数类似map Array.prototype.filter(fn) 过滤，返回过滤后新数组 遍历时，将返回值为true的元素放入新数组 Array.prototype.forEach(fn) 同for循环 Array.prototype.map(fn) fn必须得有返回值 将元素拿出来变换之后放到新数组中 Array.prototype.reduce(fn,initVal) 返回值类型取决于initVal，第二个参数 fn(acc,cu
Javascript Array | MDN总结（2）
Mybells
11-09 1385
记录一些MDN中js Array不懂的地方和印象不深刻的方法、描述。
Array.map()
qq_39284196的博客
08-05 935
map 用法：Array.map(f) 它会把数组中的值（一个一个）传入到参数函数里，最终得到一个新的数组； function add(x){ return x*2; } let arr = [1,2,3,4,5,6]; //*2 let result = arr.map(add); console.log(result);// [2,4,6,8,10,12] reduce 用法：Array.reduce(f) f函数需要有俩个参数， ...
js中array(数组).map
weixin_42981419的博客
12-10 3162
js中array(数组).map 使用前 使用后 代码： posted @ 2018-12-10 11:53 韦邦杠 阅读(...) 评论(...) 编辑 收藏
js/jquery遍历对象和数组的方法分析【forEach，map与each方法】
10-17
主要介绍了js/jquery遍历对象和数组的方法,结合实例形式分析了数组遍历的forEach，map与each方法常见使用技巧,需要的朋友可以参考下
Array数组对象中的forEach、map、filter及reduce详析
10-18
主要给大家介绍了关于Array数组对象中forEach、map、filter及reduce的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用array数据具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
10-20
本文是小编给大家总结的关于javascript中的map, filter, some, every, forEach, for in, for of 用法，非常不错，具有参考借鉴价值，需要的朋友参考下吧
Pythont特殊语法filter,map,reduce,apply使用方法
12-23
（1）lambda lambda是Python中一个很有用的语法，它允许你快速定义单行最小函数。类似于C语言中的宏，可以用在任何需要函数的地方。 基本语法如下： 函数名 = lambda args1,args2,…,argsn : expression 例如： add = lambda x,y : x + y print add(1,2) （2）filter filter函数相当于一个过滤器，函数原型为：filter(function,sequence),表示对sequence序列中的每一个元素依次执行function，这里function是一个bool函数，举例说明： sequenc
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
09-03
主要介绍了5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例,需要的朋友可以参考下
Array(数组)--map方法
weixin_33769207的博客
11-11 1308
关于Array.prototype.map() MDN给的定义是： 在作用数组元素的每一项上调用一个方法(callback)，返回一个新数组； 使用格式：arr.map(callback[,this]); callback:有3个参数，分别为 item(当前作用的数组项),index(当前作用的数组项的下标),arr(数组本身)； this(可选项)：callback中的this指向...
ES5之数组的map方法
开心就好的专栏
07-29 4863
数组的map方法是ES5新增的一个方法, 用我的话来说就是把原来的数组变成一个新的数组. 这里给出MDN对map的说明地址: 数组的map方法.我平时关于map的使用情况 中英方转换 经常有这样的需求, 就是服务器端返回给你的是JSON数据, 其中的key是中文的,在页面上要显示成中文的, 比如下面这个例子:// 将英文转换成中文 var keys = 'avaliable,forbidden,
带你了解Array.map()方法
热门推荐
qq_35370002的博客
08-16 1万+
Array.map方法前言1.map()方法2.map和forEach的区别 前言 上回我们介绍了forEach()方法，今天再来介绍一个遍历数组的方法——Array.map()，它的用法跟forEach方法类似。我们今天重点讲一下map和forEach的区别。 1.map()方法 语法：array.map(function(currentValue,index,arr), thisValue) 其中 callback为数组中每个元素执行的函数，该函数可接受1-3个参数：   currentvalue参数表
ES6数组map、forEach、fill和includes原型方法
随风丶逆风的博客
08-16 1805
实际开发过程中，这四个原型方法用的比较多，记录一下。 一、map() MDN上对map()的描述是：针对数组中的每个元素，依次调用回调函数，并返回根据回调函数执行的结果构成的新数组。 map()方法的第二个参数的第一个参数是回调函数callback(currentValue, index, arr)，它的参数分别是当前元素值，当前元素的索引， 以及当前数组。map()方法的第二个参数是绑...
mybatiplus的apply_mybatis plus foreach 的用法
weixin_39568926的博客
12-22 1079
一： foreach 用于 select * from tablename where colname in (A,B,C……);1：service 层：Set teacherNums = new HashSet<>();Set departments = new HashSet<>();list.stream().forEach(s->{teacherNums.ad...
js中map()方法和apply()方法的总结
web_callBack的博客
01-16 4965
在学习vue.js的render函数时遇到一段代码如下： render: function (createElement) { return createElement('div', Array.apply(null, { length: 20 }).map(function () { return createElement('p', 'hi') }) )
js数组方法map与foreach
最新发布
03-22
map 方法会返回一个新的数组，而 foreach 方法不会返回任何值。map 方法会对原数组中的每个元素执行一个回调函数，并将回调函数的返回值存储在新的数组中。而 foreach 方法只是对原数组中的每个元素执行一个回调函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值