js 技巧之数组 map 的方法 (不使用Array.Map)

简介: 另一种数组 map 的实现的方式,不用 Array.map。

Array.from 还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组

const cities = [
    { name: 'Paris', visited: 'no' },
    { name: 'Lyon', visited: 'no' },
    { name: 'Marseille', visited: 'yes' },
    { name: 'Rome', visited: 'yes' },
    { name: 'Milan', visited: 'no' },
    { name: 'Palermo', visited: 'yes' },
    { name: 'Genoa', visited: 'yes' },
    { name: 'Berlin', visited: 'no' },
    { name: 'Hamburg', visited: 'yes' },
    { name: 'New York', visited: 'yes' }
];

const cityNames = Array.from(cities, ({ name}) => name);
console.log(cityNames);
// outputs ["Paris", "Lyon", "Marseille", "Rome", "Milan", "Palermo", "Genoa", "Berlin", "Hamburg", "New York"]
目录
相关文章
|
3天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
11 0
|
1天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
7 0
|
2天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
17 1
|
2天前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
15 0
|
2天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
10 1
|
2天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
14 0
|
3天前
|
JavaScript 前端开发
javascript数组排序的方法
javascript数组排序的方法
|
3天前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
10 0
|
3天前
|
JavaScript 索引
js字符串操作的方法
js字符串操作的方法
|
3天前
|
JavaScript 前端开发
js关于数字的方法
js关于数字的方法
11 1