JavaScript创建对象以及遍历对象的所有方法

创建对象的4种方法

1、使用字面量法创建对象

var obj = {
          
   a: 1, b: 2}

2、通过new 一个对象 Object()方法来创建对象

var obj = new Object()
	obj.a = 1

3、通过new 一个自定义的构造函数的方法来创建对象

function Parent(name) {
          
   
		this.name = name
	}
	var obj = new Parent(obj)

4、通过Object.create()方法来创建对象

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__

语法：Object.create(proto，[propertiesObject]) 参数：proto->新创建对象的原型对象 propertiesObject(可选)

var person = {
          
   
		name: person,
		isHuman: false
	}
	
	var obj = Object.create(person)
	obj.name // person
	obj.name = obj //修改name

遍历

定义一个对象

var obj = {
          
   }
obj.a = 1
Object.defineProperty(obj, "b", {
          
    value : 2, enumerable: true });
Object.defineProperty(obj, "c", {
          
    value : 3, enumerable: false });
Object.defineProperty(obj, "d", {
          
    value : 4 });
Object.defineProperty(obj, Symbol.for(e), {
          
   
  value: 5,
  enumerable: true
});
Object.defineProperty(obj, Symbol.for(f), {
          
   
  value: 6,
  enumerable: false
});

Object.prototype.g = 3
Object.prototype[Symbol.for(h)] = 6

1、for…in

for…in循环遍历对象自身的和继承的可枚举属性（不含Symbol属性）

for (let i in obj) {
          
   
		console.log(i)
	}
	// a b g

扩展：for…in和for…of的区别

for…in的特点

1、主要用于遍历对象 2、index为string类型（遍历数组index为字符串数字） 3、遍历顺序不一定为实际顺序（按数字先，字符串后） 4、使用for in会遍历数组所有的可枚举属性，包括原型

for…of

1、不可以遍历对象（for…of循环内部调用的是数据结构的Symbol.iterator方法。 ） （环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串。） 2、遍历的是数组内的元素，不包括数组的原型属性

2、Object.keys(obj)

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含Symbol属性）的键名

Object.keys(obj)
// [a,b]

扩展：Object.keys(obj),Object.values(obj), Object.entries(obj)

Object.keys(obj)返回一个是数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名

Object.values方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值

Object.entries()方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组

3、Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一个数组，包括对象自身的（不含Symbol属性，但是包括不可枚举属性，也不包含继承的）的键名

Object.getOwnPropertyNames(obj)
// ["a", "b", "c", "d"]

4、Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol 属性的键名。

Object.getOwnPropertySymbols(obj)
// [Symbol(e), Symbol(f)]

5、Reflect.ownKeys(obj)

Reflect.ownKeys返回一个数组，包含对象自身的（不含继承的）所有键名

Reflect.ownKeys(obj)
// ["a", "b", "c", "d", Symbol(e), Symbol(f)]

扩展

Reflect.ownKeys方法用于返回对象的所有属性，基本等同于Object.getOwnPropertyNames与Object.getOwnPropertySymbols之和。 如果Reflect.ownKeys()方法的第一个参数不是对象，会报错。

以上