Array.map()

2019-03-17 本文已影响0人灯火葳蕤234

ES6引入了一个新的数组方法map,它非常有用，在react中常用于渲染列表。

const colors = ['red','green','blue'];
const items = colors.map(function(color) {
  return '<li>' + color + '<li>';
});

这个函数返回了新的项，并未改变原来的数组。
我们可以使用剪头函数简化这个代码：

const colors = ['red','green','blue'];
const items = colors.map(color => '<li>' + color + '<li>');

我们mapping(映射)一个数组每项到函数，然后得到一个新的数组。现在使用ES6的模板格式进一步美化代码：

const colors = ['red','green','blue'];
const items = colors.map(color => `<li>${color}<li>`);
console.log(items);