Menu
CoddyTech

映射

Coddy JavaScript 数组方法 课程的第 13 课,共 18 课。

map() 是数组的内置方法,作用就像一台转换机器。它会遍历数组中的每个元素,并对每个元素应用你定义的函数(回调函数)。这个函数可以根据原始元素进行修改、转换,或创建全新的内容。然后,这些转换结果会用于填充一个全新的数组。

假设你有一个产品价格(数字)列表,并且想创建一个显示折扣价格(转换后的元素)的新列表。下面来看看 map() 如何发挥作用:

const prices = [10, 15, 20, 25];

// 用回调函数打 9 折
const discountedPrices = prices.map(price => price * 0.9);

console.log(discountedPrices); // 输出:[9, 13.5, 18, 22.5]

在上面的示例中,使用 map() 创建了一个新数组 discountedPrices,其中包含打了 10% 折扣的价格。map() 方法会遍历 prices,并对每个元素应用折扣计算(price * 0.9),从而在新数组中得到折扣后的价格。

challenge icon

挑战

简单

你有一个数组 inventory,其中的数字表示库存中各商品的数量。

你的任务是编写 JavaScript 代码,创建一个新列表,将每种商品的数量翻倍,然后记录更新后的列表。

亲手试试

const inventory = [5, 3, 2, 1];

// 在这里编写代码

JavaScript 数组方法中的所有课

自己练习: JavaScript 在线编译器