ES6 箭头操作符简单例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="//cdn.bootcss.com/babel-core/5.8.34/browser.min.js"></script>
</head>
<body>

<script type="text/babel">
    "use strict";
    //定义将要操作的数组
 var arr = ['周一', '周二', '周三', '周四', '周五'];

    //给数组每个元素用<li></li>标签包裹

 //以前的语法
 var newArr = arr.map(function (v) {
        return '<li>'+v+'</li>';
    });
    console.log(newArr);

    //箭头操作符
 var newArr2 = arr.map(i=>'<li>'+i+'</li>')
    console.log(newArr2);


</script>
</body>
</html>


你可能感兴趣的:(ES6)