ES6有五种方法可以遍历对象的属性。
-
for…in
循环遍历对象自身的和继承的可枚举属性
-
Object.keys(obj)
Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性
-
Object.getOwnPropertyNames(obj)
Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性的键名
-
Object.getOwnPropertySymbols(obj)
Object.getOwnPropertySymbols(obj)返回一个数组,包含对象自身的所有Symbol属性的键名
-
Reflect.ownKeys(obj)
Reflect.ownKeys返回一个数组,包含对象自身的(不含继承的)所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。
下面介绍Object对象的新增方法
1. Object.is
比较两个值是否相等,在es6以前会使用和=,但是会自动转换数据类型,而=的NaN不等于自身。es6提出同值相等的算法,用来解决这个问题。Object.is用来比较两个值是否严格相等
Object.is('foo', 'foo')
// true
Object.is({}, {})
// false
// 不同之处在于
+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true
2. Object.assign
Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象。
第一个参数是目标对象,后面的参数都是源对象
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}
值得注意的是,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖掉前面的属性。
如果只有一个参数,Object.assign会直接返回该参数。
如果该参数不是对象,则会先转成对象,然后返回。
Object.assign拷贝的属性是有限制的,只拷贝源对象的自身属性(不拷贝继承属性),也不拷贝不可枚举的属性。
对于同名的属性,Object.assign的处理方法就是替换,而不是添加。
3. Object.keys, Object.values, Object.entries
Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历属性的键名。
Object.values方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历属性的键值。
Object.entries()
方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组。