JavaScript中的for...in

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2020/03/04/JavaScript%E4%B8%AD%E7%9A%84for-in/

摘要

本文主要讲述了：

作用
备注

正文

作用

迭代指定对象，所有的非symbol的可枚举的属性的名称。

示例：

var ageKey = Symbol('age');
var genderKey = Symbol('gender');

var foo = {
  firstName: 'foo',
  lastName: 'bar',
  sayHello() {
    return 'hello, world';
  },
  get fullName() {
    return this.firstName + ' ' + this.lastName;
  },
  set fullName(fullName) {
    var names = fullName.split(' ');
    this.firstName = names[0];
    this.lastName = names[names.length - 1];
  },
  [ageKey]: 18,
};

Object.defineProperty(foo, 'country', {
  value: 'China',
});

Object.defineProperty(foo, genderKey, {
  value: 'male',
});

/*
 * country为不可枚举属性，不输出
 *
 * ageKey为symbol属性，不输出
 * genderKey为symbol属性，不输出
 *
 * toString为不可枚举属性，不输出
 */
for (var key in foo) {
  console.log(key);
}