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()方法的第一个参数不是对象,会报错。

以上

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值