Map 方法

本课属于 Coddy JavaScript 学习旅程的“逻辑与流程”单元。第 52 课，共 65 课。

map() 方法会对调用它的数组中的每个元素调用指定的函数，并用调用结果创建一个新数组。它会转换每个元素，并返回一个长度相同的新数组。

基本语法：

let newArray = arr.map(function(currentValue, index, array) {
    // 返回用于 newArray 的元素
});

这是一个简单的例子：

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
	return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

下面是一个语法更简洁的相同示例：

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

map() 方法不会更改原数组。它总是返回一个新数组。

挑战

简单

创建一个名为 formatNames 的函数，它接收一个由姓名（字符串）组成的数组作为参数。函数应使用 map() 方法转换每个姓名，使其变为标题大小写（每个单词的首字母大写，其余字母小写）。返回格式化后的新数组。

亲手试试

function formatNames(names) {
    return names.map(name => {
        // 在这里编写你的代码
    })
}

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

逻辑与流程中的所有课

1深入了解字符串

4JSON 第 2 部分

7图书管理系统

10管理电影节系统