ECMAScript 6 中的数组方法 - map

lume博客

于 2018-03-06 22:01:10 发布

阅读量467

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6/JavaScript2015

本文链接：https://blog.youkuaiyun.com/shaowei828/article/details/79464493

ES6/JavaScript2015 专栏收录该内容

2 篇文章

订阅专栏

本文对比了ES5和ES6中数组操作的方法，详细介绍了如何使用两种不同语法将数组元素翻倍，并展示了ES6的新特性map方法的简洁用法。

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

/** 场景1
 * 
 * 假设有一个数字数组（a），奖a数组中的值一双倍的形式放到b数组
 **/
let numbers = [1,2,3,4];
var doubleNumbers = [];

// es5
for (let index = 0; index < numbers.length; index++) {
    doubleNumbers.push(numbers[index] * 2)
}
结果：
[2,4,6,8]

console.log(doubleNumbers)
// 遍历数组中的值
for (let index = 0; index < doubleNumbers.length; index++) {
    console.log(doubleNumbers[index])
}

结果：
2
4
6
8

ES6 方法：

//es6 
let dable = numbers.map((number){
    return number;
})

或 ：
let dable = numbers.map((number)=>{return number})

console.log(dable)

结果：

[1,2,3,4]

map 循环返回后就是一个数组。