数组方法的扩展,如map,reduce,fliter,forEach方法

map方法

该方法可以看为映射关系

let arr = [1,2,3,4,4,6,7]
let result = arr.map(item =>  item*3 )
console.log(result)
// 具体例子
let score = [50,54,60,70]
let rank = score.map(item => item>=60?'合格':'不合格')
console.log(rank)

reduce 方法

// 数组中的reduce方法  可以看成汇总
let arr  = [1,3,4,5]
let result = arr.reduce((pre,next) => pre+next)
console.log(result)

filter 方法

fliter 为过滤方法

 // 数组中的filter 方法
    let arr = [1,3,4,5,56,]
    let result = arr.filter(item => item>4)
    console.log(result)
    // 可以用在过滤一些自己不要的数据上 

forEach 方法

该方法为循环遍历

   let arr = [1,2,3,45,3]
    arr.forEach((item, index) => {
        console.log(item, index)
    });    

原文地址:https://www.cnblogs.com/yaogengzhu/p/10954702.html

时间: 2024-08-29 14:52:40

数组方法的扩展,如map,reduce,fliter,forEach方法的相关文章

map()方法和forEach()方法

map()方法 和 forEach()方法 并不是react里面的,是js原生语法: map():返回一个新的Array,每个元素为调用func的结果 forEach():没有返回值,只是针对每个元素调用func

聊一聊数组的map、reduce、foreach等方法

聊聊数组遍历方法 JS 数组的遍历方法有好几个: every some filter foreach map reduce 接下来我们来一个个地交流下. every() arr.every(callback[, thisArg]) 返回值:true | false 是否改变原数组:不改变原数组 解析: every() 方法用来测试数组中的每一项是否都通过了callback函数的测试:只有全部通过才返回 true:否则 false. 本文出现的 callback 没有特别声明都是表示包含 elem

Javascript中数组方法以及数组方法的扩展--基础篇

最近一直在努力的恶补javascript中的各种知识,比如说闭包,作用域,继承,构造函数,变量,内置对象等概念.同时,也在学习着ES6的新知识.最近想给大家分享的就是数组实例方法的练习以及如何去扩展一个数组方法. 以下的分享会分为如下内容 1.数组实例方法的练习 1.1:reduce() 1.2:map() 1.3:sort() 1.4:slice() 1.5:push() 1.6:实例方法习题 2.数组方法的扩展 1.数组实例方法的练习 首先,我们应该知道数组实例方法有哪些. console.

js中的fliter(),map(),forEach()方法

1 filter(): 语法:var filteredArray = array.filter(callback[, thisObject]); 参数说明:callback: 要对每个数组元素执行的回调函数. thisObject : 在执行回调函数时定义的this对象. 1 //过滤掉小于 10 的数组元素: 2 3 //代码: 4 function isBigEnough(element, index, array) { 5 return (element >= 10); 6 } 7 var

js数组的map与forEach方法的区别及兼容性用法

高级浏览器(包括ie9以上)支持map和forEach方法对数组循环遍历,用法基本相同,但有些区别必须知道,才能在项目中正确选择 原理: 高级浏览器支持forEach方法语法:forEach和map都支持2个参数:一个是回调函数(item,index,list)和上下文: forEach:用来遍历数组中的每一项:这个方法执行是没有返回值的,对原来数组也没有影响: 数组中有几项,那么传递进去的匿名回调函数就需要执行几次: 每一次执行匿名函数的时候,还给其传递了三个参数值:数组中的当前项item,当

011-JSON、JSONObject、JSONArray使用、JSON数组形式字符串转换为List<Map<String,String>>的8种方法

一.JSON数据格式 1.1.常用JSON数据格式 1.对象方式:JSONObject的数据是用 { } 来表示的, 例如: { "id" : "123", "courseID" : "huangt-test", "title" : "提交作业", "content" : null } 2.数组方式:JSONArray,顾名思义是由JSONObject构成的数组,用

Js中常用的字符串,数组,函数扩展

由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展,一来可以练练手,二来也锻炼下自己的代码能力.由于代码里面的注释自认为已经非常详细,所以就直接贴代码了. 1. 字符串扩展: ;(function() { var method, stringExtends = { /** * 删除字符串开始和结尾的空白 * @returns {string} */ stri

lodash用法系列(4),使用Map/Reduce转换

Lodash用来操作对象和集合,比Underscore拥有更多的功能和更好的性能. 官网:https://lodash.com/引用:<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>安装:npm install lodash 首先通过npm安装lodash:npm i --save lodash 在js文件中引用lodash:var _ =

[转] map/reduce

如果你读过Google的那篇大名鼎鼎的论文“MapReduce: Simplified Data Processing on Large Clusters”,你就能大概明白map/reduce的概念. map 举例说明,比如我们有一个函数f(x)=x2,要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上,就可以用map实现如下: 由于map()方法定义在JavaScript的Array中,我们调用Array的map()方法,传入我们自己的函数,就得到了一个新的Ar