JS获取对象属性API汇总枚举symbol

下面我将详细讲解“JS获取对象属性API汇总枚举symbol”的完整攻略，主要分成以下几个部分：

一、前言

在JS中，获取对象属性是非常常见的操作。而JS提供了很多方法来获取对象的属性，不同的方法适用于不同的场景。本篇文章将会围绕着JS获取对象属性的API进行梳理，并着重讲解其中一个比较新颖的方法——枚举symbol类型的属性。

二、API汇总

下面我们来总结一下JS中获取对象属性的API。

1. 对象属性存取

JS中最常见的获取对象属性的方式，就是通过对象的属性存取运算符.来访问。此外，还有可方括号表示法，可用于访问对象上的属性。

例子：

const person = { name: 'Tom', age: 18 };
console.log(person.name);  // 输出：Tom
console.log(person['age']); // 输出：18

2. Object.keys()方法

该方法返回一个由对象的可枚举属性名组成的数组。其中属性名是按照原始插入顺序排列的。

例子：

const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));  // 输出：["a", "b", "c"]

3. Object.getOwnPropertyNames()方法

该方法返回一个由指定对象的所有属性的名称（包括不可枚举属性）组成的数组。

例子：

const arr = [1, 2];
console.log(Object.getOwnPropertyNames(arr));  // 输出：["length", "0", "1"]

4. Reflect.ownKeys()方法

该方法返回一个数组，包含一个对象的所有属性（不管属性名是Symbol类型还是字符串类型、可枚举或不可枚举）。

例子：

const sym = Symbol('sym');
const obj = {};
obj[sym] = 'symbol';
obj.name = 'Tom';
console.log(Reflect.ownKeys(obj));  // 输出：[Symbol(sym), "name"]

5. Object.getOwnPropertySymbols()方法

该方法返回一个由对象自身的所有Symbol属性组成的数组。

例子：

const sym1 = Symbol('sym');
const sym2 = Symbol('sym');
const obj = {};
obj[sym1] = 'symbol1';
obj[sym2] = 'symbol2';
obj.name = 'Tom';
console.log(Object.getOwnPropertySymbols(obj));  // 输出：[Symbol(sym1), Symbol(sym2)]

6. Symbol.iterator迭代器

该方法返回一个迭代器对应的对象，用于遍历包含Symbol.iterator方法的对象中的每一个元素。

例子：

const arr = [1, 2, 3];
for (let value of arr) {
  console.log(value);
}
// 输出：1 2 3

7. Enumerate own property keys方法

该方法返回一个迭代器对象，遍历对象的键名，包括Symbol属性

例子：

const sym1 = Symbol('sym');
const sym2 = Symbol('sym');
const obj = {};
obj[sym1] = 'symbol1';
obj[sym2] = 'symbol2';
obj.name = 'Tom';
for (let key of Reflect.enumerate(obj)) {
  console.log(key);
}
// 输出：Symbol(sym1) Symbol(sym2) name

三、枚举symbol类型的属性

上面介绍了一些比较常见的获取对象属性的方式，其中包括了获取Symbol类型属性的方法。虽然Symbol类型属性相对较新，但是在实际的开发中经常会用到。有的时候，我们可能需要遍历一个对象中所有的属性，不管它是不是Symbol类型的属性。这个时候，我们就需要用到前面介绍的方法中最后一个——"Enumerate own property keys"方法，下面下面结合代码进一步说明一下。

const sym1 = Symbol('sym1');
const sym2 = Symbol('sym2');
const obj = {
  name: 'Tom',
  age: 18,
  [sym1]: 'symbol1',
  [sym2]: 'symbol2'
};

// 遍历对象的所有属性名，包括Symbol类型的属性
for (let key of Reflect.enumerate(obj)) {
  console.log(key);
}

输出结果如下：

name
age
Symbol(sym1)
Symbol(sym2)

可以看到，通过"Enumerate own property keys"方法，我们成功遍历了对象中的所有属性，包括了Symbol类型的属性。

四、总结

本篇文章主要介绍了JS获取对象属性的API，并特别讲解了一种比较新的获取Symbol类型属性的方法——枚举symbol类型的属性。希望通过这篇文章能让大家更好地理解JS获取对象属性的API，也对大家今后的开发工作有所帮助。