ES6——字符模板，数组，箭头函数

字符模板：解决字符串动态拼接的问题

可以用  ` 键，可以支持换行。

传统

<script>
    var person = {
        name:"nyfq",
        age:18,
        address:"中国"
    }
    let into = "我是"+person.name+"我的年龄"+person.age+"我是"+person.address+"人";
    consols.log(into);
</script>

 

 

更新

<script>
        var person = {
            name:"nyfq",
            age:18,
            address:"中国"
        }
        let into2 = `我是${person.name},今年${person.age},我来自${person.address}`;
        console.log(into2)
</script>

 

 

数组

map：

自带循环功能，并且会把处理的值回填到对应的位置。

例：要对数组每个元素*2

<script>
    var arr = [1,2,3,4,5,6,7];
     //传统方式
     let newarr = [];
     for(let i=0;i<arr.length;i++){
         newarr.push(arr[i]*2);
     }
     console.log(newarr);
    //map -- 自带循环功能，并且会把处理的值回填到对应的位置。
     var newarr2 = arr.map(function(ele){
            return ele*2;
        })
     console.log(newarr2);
</script>

    箭头函数   

    <script>    
        //箭头函数
        //规律
        // 1:去掉function。
        // 2:在括号后面加箭头。
        // 3:如果逻辑代码仅有return可以直接省去。
        // 4:如果参数有一个，可以把括号去掉
        var newarr3 = arr.map(ele=>ele*2);
        console.log(newarr3);
     </script>       

reduce:

 接收一个函数（必须）和一个初始值（可选），该函数接收两个参数：

        1.第一个参数是上次reduce处理的结果。

        2.第二个参数是数组中要处理的下一个元素。

<script>
    var arr =[1,2,3,4,5,6,7,8,9,10];
    let result = arr.reduce(function(a,b){
        return a+b;
    });
    console.log(result); 
    //输出结果为55(1+2+3+4+5+6+7+8+9+10)
</script>