2024年最全前端开发：JS中map()方法的使用，阿里面试被鸽

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

–

在前端开发过程中，对数组的数据进行处理也是比较常见的操作之一，而且对数组进行操作的频率远远大于对 对象进行操作，因此在开发过程中对于数组里面的数据进行处理是一项比较重要的技能，尤其是对于刚入行的前端开发者来说尤为重要，所以一定要掌握好相关技能。本篇博文来分享一下关于对数组里面的数据进行遍历处理操作，那么就用到了JS中map()方法使用，而且map()的用法与forEach方法类型，但是本文只来介绍一下**map()**方法的使用方法。

**map()**方法的使用

---

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”]

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-CaWcn8dc-1715738215653)]
[外链图片转存中…(img-bawdqFhO-1715738215654)]