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; //求平方
});
console.log(“——===”,newArr) //返回结果: [ 4, 9, 16, 25, 36, 49, 64, 81]
**4.**通过使用map方法返回一个数组,处理想要的数据
list.map((item) => {
const { userName, workId, deptName } = item;
result.push({
name,
label: ${userName}${workId} ${deptName}
,
data: item,
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里获取,先到先得哦。
g" />
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里获取,先到先得哦。
[外链图片转存中…(img-7dueSWag-1712645328685)]
[外链图片转存中…(img-YUbeNQE2-1712645328685)]