1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Document</title>
    6. </head>
    7. <body>
    9.     <script type="text/javascript">
    10.         // for-in 一般用来遍历对象, 也可以用来遍历数组
    11.         // var obj = {
    12.             name: "xiaoming",
    13.             age: 8
    14.         };
    15.         for(var k in obj) {
    16.             // 此处使用 点运算符，不能获取到相应的值：
    17.             // . 的作用：访问对象的属性
    18.             console.log("键为：" + k + ", 值为：" + obj[k]);
    19.         }
    21.         var arr = [1, 3, 5];
    22.         for(var k in arr) {
    23.             console.log("键为：" + k + ", 值为：" + arr[k]);
    24.         }
    26.         // in 运算符作用：
    27.         // 就是判断 属性是否存在于对象中，如果存在，返回值为：true
    28.         // 如果不存在，则为：false
    29.         // 语法：属性 in 对象
    30.         var obj = {
    31.             name1: "jack",
    32.             age: 9,
    33.             abc: undefined
    34.         };
    36.         // 如果是name，要注意：window有name属性
    37.         console.log("name1" in obj); // true
    38.         console.log("age" in obj);
    39.         console.log("age123" in obj);
    41.         // 如果是对象中存在的成员或者是原型中的成员，此时，返回的结果就是 true
    42.         console.log("toString" in obj);
    43.         console.log(obj.toString());
    44.         console.log("abc" in obj);
    47.         // in运算符判断数组
    48.         // 对于数组来说，索引号 就是属性
    49.         var arr = [1];
    50.         console.log("1" in arr); // false
    51.         console.log("0" in arr); // true
    52.         console.log(0 in arr); // true
    54.         // 访问数组的成员：
    55.         // 可以使用 数组索引 也可以使用 字符串
    56.         console.log(arr[0]);
    57.         console.log(arr["0"]);
    60.     </script>
    61. </body>
    62. </html>