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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript Array map()、filter()以及map()与filter()区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1099字，纯文字阅读大概需要2分钟。

内容图文

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: '10ss' },{ key: 3, value: '20ss' },{ key: 2, value: '30ss' } ]

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()区别全部内容，希望文章能够帮你解决JavaScript Array map()、filter()以及map()与filter()区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端