ES6中获取对象的key

Posted smallhappyh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6中获取对象的key相关的知识,希望对你有一定的参考价值。




ES6中获取对象的key

const json = {‘a‘: 123, ‘b‘: 321};
 
Object.keys(json).forEach(key => {
    window.console.log(key);
}); // [a,b]

ES6一共有五种方法可以遍历对象的属性。

for ... in:循环遍历对象自身的和继承的可枚举的属性(不包含Symbol属性)
Object.keys(obj): 返回一个数组,包括对象自身的所有可枚举的属性(不包含继承,不包含Symbol属性)

Object.getOwnPropertyNames(obj):返回一个数组,包含对象自身的所有属性(含继承、不可枚举属性,不含Symbol属性)

Object.getOwnPropertySymbols(obj):返回一个数组,包含对象自身的所有Symbol属性

Reflect.ownKeys(obj):返回一个数组,包含对象自身的所有属性,不管是属性名是Symbol或字符串,也不管是否可枚举

以上的5种方法遍历对象的属性,都遵守同样的属性遍历的次序规则。

首先遍历所有属性名为数值的属性,按照数字排序
其次遍历所有属性名为字符串的属性,按照生成时间排序
最后遍历所有属性名为Symbol值的属性,按照生成时间排序



以上是关于ES6中获取对象的key的主要内容,如果未能解决你的问题,请参考以下文章

js es6 map 与 原生对象区别

ES6 Set 和 Map

ES6中对象

es6中的数组循环和对象方法

js给对象添加key乱序了

vue+element+es6根据获取值返回整个对象