JavaScript中的map()函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中的map()函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1494字，纯文字阅读大概需要3分钟。

内容图文

概述
Array.map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值，同时不会改变原来的数组。

用法

Array.map(callback);

示例

//简单数组
const arr = [1, 3, 4, 5, 6, 7, 8, 10];

const cube = (num) => {
return num * num;
}

const res = arr.map(cube);//[ 1, 9, 16, 25, 36, 49, 64, 100 ]

// or

const res = arr.map((num)=>{
return num * num;
})
//[ 1, 9, 16, 25, 36, 49, 64, 100 ]

//对象数组和构造器
const OjbArray = [{
name: 'a',
age: 18,
isLikeEat: true,
isLikeSleep: true
}, {
name: 'b',
age: 19,
isLikeEat: true,
isLikeSleep: true
}, {
name: 'c',
age: 22,
isLikeEat: true,
isLikeSleep: true
}];

const Person = (target) => {
return {
name: target.name || 'default',
age: target.age || 18,
_eat: function() {
console.log(target.isLikeEat ? 'i like eat' : 'i dont like eat');
},
_sleep: function() {
console.log(target.isLikeSleep ? 'i like sleep' : 'i dont like sleep')
}
}
}

let newPersons = OjbArray.map(Person);
console.log((newPerso// [ { name: 'a// age: 18,

// _eat: [Function: _eat],
// _sleep: [Function: _sleep] },
// { name: 'b',
// age: 19,
// _eat: [Function: _eat],
// _sleep: [Function: _sleep] },
// { name: 'c',
// age: 22,
// _eat: [Function: _eat],
// _sleep: [Function: _sleep] } ]

注意 ??

当和parseInt()函数配合使用 将字符转成数字的时候，可直接

['1', '2'].map(str => parseInt(str));
//or
['1', '2'].map(Number)

本质上是用元素作为函数参数去调用函数，所以无需加上参数

//这种写法是错误的
const arr = [1, 3, 4, 5, 6, 7, 8, 10];

const cube = (num) => {
return num * num;
}

const res = arr.map(cube(num))

原文链接：https://blog.csdn.net/ruffaim/article/details/82260280

内容总结

以上是互联网集市为您收集整理的JavaScript中的map()函数全部内容，希望文章能够帮你解决JavaScript中的map()函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端