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);
-
${}是表达式的占位符，{}里面的表达式会在运行时被实时计算.
运行截图.png
网友评论