码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript Array map()、filter()以及map()与filter()区别

时间:2020-06-18 12:54:44      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:img   java   结构   info   index   ber   map   highlight   fun   

1、JavaScript Array map() 方法

技术图片

 

【例子】

let numbers = [4, 9, 16, 25];

numbers.map(f);

function f(item,index) {

     return item*100

}

console.log(numbers)  //  [400,900,1600,2500]

  

 

2、JavaScript Array filter() 方法

技术图片

【例子】

var kvArray = [{ key: 1, value: 10 },

{ key: 3, value: 20 },

{ key: 2, value: 30 }];

var filterResult = kvArray.filter((v,i)=>{

 return v.value = v.value + ‘s‘

})

console.log(filterResult) //[ { key: 1, value: ‘10s‘ },{ key: 3, value: ‘20s‘ },{ key: 2, value: ‘30s‘ } ]

  

 

3、JavaScript Array filter(),map()区别

//两者都是数组原型链中的方法,方法是遍历数组,回调函数对遍历出来的对象进行操作,但两者的返回值有所不同

var kvArray = [{ key: 1, value: 10 },

{ key: 3, value: 20 },

{ key: 2, value: 30 }];

 

var mapResult = kvArray.map((v,i)=>{

    return v.value = v.value + ‘s‘

})

console.log(mapResult) // [‘10s‘, ‘20s‘, ‘30s‘ ]

 

var filterResult = kvArray.filter((v,i)=>{

    return v.value = v.value + ‘s‘

})

console.log(filterResult) //[ { key: 1, value: ‘10ss‘ },{ key: 3, value: ‘20ss‘ },{ key: 2, value: ‘30ss‘ } ]

//map将返回值组装成一个数组

//filter返回的也是一个数组,但是返回的数组结构与原数组结构一致,可以说返回的数组是基于原数组的

  

技术图片

 

JavaScript Array map()、filter()以及map()与filter()区别

标签:img   java   结构   info   index   ber   map   highlight   fun   

原文地址:https://www.cnblogs.com/lgnblog/p/13156795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!