es6/Iterator.html at master · Sstriving/es6 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
    <li class="li-list">123</li>
</ul>
</body>
<script>
    //    Iterator接口和for。。。of循环
    var array = [1, 2, 43];
    console.log(array[Symbol.iterator]().next());
    var li_list = document.getElementsByClassName("li-list");
    var num = 0;
    for (let i of li_list) {
        i.innerHTML = num++;
    }
    var obj = {
        "0": "a",
        "1": "b",
        name: "c",
    }
    console.log(Object.keys(obj));

    //    for(let x of obj){
    //        console.log(x);
    //    }
    var ary = Array.from(obj);
    console.log(ary)
    for (let x of Array.from(obj)) {
        console.log(x);
    }

    for (var key of Object.keys(obj)) {
        console.log(key + ': ' + obj[key]);
    }
</script>
</html>