es6 for-of 和 胖箭头的简单用法

226 阅读1分钟
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
    // ES6 的 for-of 循环支持 ES6 迭代(通过 iterables 和 iterators)和解构。
    // 如果你通过数组的新方法 enteries() 再结合解构,
    //可以达到上面 forEach 同样的效果:
    //    const arr = ["a", "b", "c"];
    //    for (const [index, elem] of arr.entries()) {
    //        console.log(`index = ${index}, elem = ${elem}`);
    //    }
    //    arr.enteries() 通过索引-元素配对返回一个可迭代对象。
    // 然后通过解构数组 [index, elem] 直接得到每一对元素和索引。
    // console.log() 的参数是 ES6 中的模板字面量特性,这个特性带给字符串解析模板变量的能力。
    
    //  let arr = [1,2,3,4,5]
    //     for (const data of arr){
    //      console.log(data) // 1,2,3,4,5
    //     }

    //    const arr = ['a', 'b', 'c'];
    //    for(let[index,data]  of arr.entries()) {
    //        console.log(`index=${index} , data = ${data}`); // 打印结果在最下面的图片中展示
    //    }

    //    const介绍
    //    const声明一个只读的常量。一旦声明,常量的值就不能改变。
    //    const a = 1;
    //    a = 100; //error

    let arr1 = [1,'a',true,null,undefined];
    let arr2 = arr1.map(item => item)
    console.log(arr2) // [1,'a',true,null,undefined]
</script>
</body>
</html>