arr.map()

最新推荐文章于 2025-06-26 09:32:53 发布

YingMuMonkey

最新推荐文章于 2025-06-26 09:32:53 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：随记

本文链接：https://blog.youkuaiyun.com/YingDaoMonkey/article/details/80962064

100 篇文章

订阅专栏

本文详细介绍了JavaScript中arr.map()方法的应用技巧，包括如何利用该方法更新数组、创建新数组而不改变原数组，以及通过回调函数进行数组元素的操作与输出。此外，还展示了如何使用ES6语法和数组连接方法来增强代码的可读性和功能性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

arr.map()— —更新数组

1、创建新数组

2、不改变原数组

3、输出的是return什么就输出什么新数组

4、回调函数参数，item(数组元素)、index(序列)、arr(数组本身)

5、使用return操作输出，会循环数组每一项，并在回调函数中操作

var arr = [1,2,3,4,5] ;
var newArr = arr.map(function(item,index){
return item*2 ; //操作更新数组
})
console.log(newArr); //打印新数组
console.log(arr); //打印原数组，map()没有改变原数组
var newArr2 = newArr.map(function(item,index){
return `<li>${item}</li>` ;
//ES6语法，模版字符串，波浪号键，变量使用${}
//["<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>"]
})
console.log(newArr2.join('')); //数组.join()，把数组每一项连接起来，形成字符串string
console.log(newArr); //打印数组，map()没有改变原数组