Array数组(JS)之map与reduce方法

最新推荐文章于 2025-06-26 22:45:58 发布

原创最新推荐文章于 2025-06-26 22:45:58 发布 · 5.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #map #reduce

本文介绍了如何利用JavaScript中的map和reduce方法来处理数组。通过具体示例展示了如何使用map方法计算圆的面积并将结果存储在新的数组中，以及如何使用reduce方法连接数组中的元素形成字符串。

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

map

// Define the callback function.
const AreaOfCircle = (radius) => {
    let area = Math.PI * (radius * radius);
    return area.toFixed(0);
}

// Create an array.
const radii = [10, 20, 30];

// Get the areas from the radii.
let areas = radii.map(AreaOfCircle);

document.write(areas);

// Output:
// 314,1257,2827

reduce

// Define the callback function.
const appendCurrent = (previousValue, currentValue) => {
    return previousValue + "::" + currentValue;
}

// Create an array.
const elements = ["abc", "def", 123, 456];

// Call the reduce method, which calls the callback function
// for each array element.
let result = elements.reduce(appendCurrent);

document.write(result);

// Output:
// abc::def::123::456