前端开发：JS中map()方法的使用(1)，复习指南

1、定义

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。。

2、语法

array.map(function(currentValue,index,arr), thisValue);

3、参数说明

说明

参数如图所示：

function(currentValue, index,arr)回调函数必须要有return返回值，不然就会返回一个undefind的数组。

返回值

返回值	返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

4、用法

map() 方法按照原始数组元素顺序依次处理元素。

5、注意事项

（1）map() 不会对空数组进行检测；

（2）map() 不会改变原始数组。

6、使用实例

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。

**1.**通过使用map方法返回一个数组，数组中元素为原始数组的平方根

var numbers = [4, 9, 16, 25, 36, 49, 64, 81];

var newNumbers = numbers.map(Math.sqrt);

console.log(“——===”, newNumbers); //返回结果：[2, 3, 4, 5, 6, 7, 8, 9]

**2.**通过使用map方法返回一个数组，获得对象数组中某些特定属性值

var students = [

{name: “a”, “age”: “23”, “sex”: “男”},

{name: “b”,   “age”: “24”, “sex”: “女”},

{name: “c”,  “age”: “25”, “sex”: “男”}

];

// 获取students中的age

var ages = [];

students.map( (student)=> {

ages.push(students.age);

});

console.log(“—”, ages); //返回结果：[“23”, “24”, “25”]

**3.**通过使用map方法返回一个数组，返回由原来数组中的每个元素的平方组成的新数组

var array = [2, 3, 4, 5, 6, 7, 8, 9];

var newArr = array.map((item) => {

return item * item; //求平方

});

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处免费获取。

g-mX1i8Mru-1712311870845)]

[外链图片转存中…(img-cUurf3RV-1712311870845)]

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处免费获取。