映射
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),从而在新数组中得到折扣后的价格。
挑战
简单你有一个数组 inventory,其中的数字表示库存中各商品的数量。
你的任务是编写 JavaScript 代码,创建一个新列表,将每种商品的数量翻倍,然后记录更新后的列表。
亲手试试
const inventory = [5, 3, 2, 1];
// 在这里编写代码JavaScript 数组方法中的所有课
自己练习: JavaScript 在线编译器