JavaScript Array map()方法

最新推荐文章于 2025-06-19 17:26:28 发布

lvlemo

最新推荐文章于 2025-06-19 17:26:28 发布

阅读量833

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vuejs 文章标签： javascript 函数

本文链接：https://blog.youkuaiyun.com/lvlemo/article/details/78204202

vuejs 专栏收录该内容

39 篇文章

订阅专栏

本文详细介绍了JavaScript中数组map方法的使用方式及注意事项，并通过具体示例展示了如何利用map方法来处理数组元素，生成新的数组。

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

语法

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

currentValue：必须。当前元素的值
index：可选。当前元素的索引值
arr：可选。当前元素属于的数组对象
thisValue：可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。可改变this指向，

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

**注意:**map() 不会对空数组进行检测。。
注意: map() 不会改变原始数组。

实例

1.Function
computed:{
    shortcutList(){
        return this.data.map(function(group){
            return group.title.substr(0,1) 
        })
    }
}   
2.Array Function
computed:{
    shortcutList(){
        return this.data.map((group)=>{
            return group.title.substr(0,1)
        })
    }
}