map/reduce/find/filter等数组的操作

用好es6的api 处理数据结构

reduce : 是 map 和 filter 的集合

map : map方法的作用在于处理流式数据，比如数组。我们可以把它想象成所有元素都要经过的一个转换器。

const integers = [1, 2, 3, 4, 6, 7];
const twoXIntegers = integers.map(i => i*2);
// twoXIntegers现在是 [2, 4, 6, 8, 12, 14]，而integers不发生变化。

find : find返回数组或类似结构中满足条件的第一个元素

const posts = [
  {id: 1, title: 'Title 1'},
  {id: 2, title: 'Title 2'}
];
// 找出id为1的posts
const title = posts.find(p => p.id === 1).title;

filter : filter方法可以筛除数组和类似结构中不满足条件的元素，并返回满足条件的元素组成的数组

const integers = [1, 2, 3, 4, 6, 7];
const evenIntegers = integers.filter(i => i%2 === 0);
// evenIntegers的值为[2, 4, 6]

赏

1分也是爱

微信