遍历规则

let obj = { b: 0, 10: 0, 2: 0, a: 0 };
let keys = Object.keys(obj);
console.log(keys);

执行结果

image.png

属性遍历的次序规则：

1.首先遍历所有数值键，按照数值升序排列。
2.其次遍历所有字符串键，按照加入时间升序排列。
3.最后遍历所有 Symbol 键，按照加入时间升序排列。

问题：以下创建对象方式，有什么区别？

    let obj = {};
    let createObj = Object.create({});
    let createNull = Object.create(null);
    console.log(obj);
    console.log(createObj);
    console.log(createNull);

执行结果

image.png

思考：你们怎么理解空对象的，那么怎么判断一个空对象{}？

方式一：想想是否有问题？
    let obj = {};
    let result = true;
    for (let key in obj) {
      result = false;
    }
    console.log(result);

方式二：想想是否有问题？
    let obj = {};
    Object.keys(obj).length === 0

方式三：想想是否有问题？
    let obj = {};
    JSON.stringify(obj) === '{}'

构建对象B

方式一：

    let A = {
      nameA: "张三",
      ageA: 30,
      [Symbol("A")]: "A",
    };
    let B = Object.create(A, {
      nameB: { value: "李四", enumerable: true },
      ageB: { value: 20 },
      [Symbol("B")]: { value: "B", enumerable: true }
    });
    console.log("A", A);
    console.log("B", B);

问题：请采用一个其他方式构建结构对象B？

方式二：

    let A = {
      nameA: "张三",
      ageA: 30,
      [Symbol("A")]: "A",
    };
    let B = {
      nameB: "李四",
      ageB: 20,
      [Symbol("B")]: "B",
    };
    Object.defineProperty(B, "nameB", {
      enumerable: false,
    });
    Object.setPrototypeOf(B, A);
    //B.__proto__ = A;
    console.log("A", A);
    console.log("B", B);

五种遍历方式

for...in

    for(let key in B){
      console.log(key, B[key]);
    }

执行结果

image.png

Object.keys()

    let keys = Object.keys(B);
    console.log(keys);

执行结果

image.png

Object.getOwnPropertyNames()

    let ownNames = Object.getOwnPropertyNames(B);
    console.log(ownNames);

执行结果

image.png

问题：Object.getOwnPropertyNames()只能入参对象吗?那数组呢?

    let arr = [1, 2, 3, 4];
    let names = Object.getOwnPropertyNames(arr);
    console.log(names);

执行结果

image.png

Object.getOwnPropertySymbols()

    let ownSymbols = Object.getOwnPropertySymbols(B);
    console.log(ownSymbols);

执行结果

image.png

Reflect.ownKeys()

    let ownKeys = Reflect.ownKeys(B);
    console.log(ownKeys);

执行结果

image.png

结论总结：

（1）for...in：循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。
（2）Object.keys()：返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。
（3）Object.getOwnPropertyNames()：返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名。
（4）Object.getOwnPropertySymbols()：返回一个数组，包含对象自身的所有 Symbol 属性的键名。
（5）Reflect.ownKeys()：返回一个数组，包含对象自身的（不含继承的）所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

课外思考：怎么通过prototype知道哪些是实例方法，哪些是静态方法？