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

简介: map// Define the callback function.const AreaOfCircle = (radius) => { let area = Math.

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
目录
相关文章
WK
|
11天前
|
Python
Python中format_map()方法
在Python中,`format_map()`方法用于使用字典格式化字符串。它接受一个字典作为参数,用字典中的键值对替换字符串中的占位符。此方法适用于从字典动态获取值的场景,尤其在处理大量替换值时更为清晰和方便。
WK
65 36
|
21天前
|
存储 JavaScript 前端开发
《进阶篇第8章:vuex》包括理解vuex、安装vuex、搭建vuex环境、四个map方法的使用、模块化+名命空间
《进阶篇第8章:vuex》包括理解vuex、安装vuex、搭建vuex环境、四个map方法的使用、模块化+名命空间
16 3
|
22天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
17 2
|
26天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
19 3
|
3天前
|
JavaScript 前端开发 开发者
|
27天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
34 4
|
26天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
27 1
|
26天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0
|
26天前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
16 0
|
26天前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
18 0