es6遍历对象属性的方法有哪些
本文小编为大家详细介绍“es6遍历对象属性的方法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6遍历对象属性的方法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
目前成都创新互联公司已为成百上千的企业提供了网站建设、域名、虚拟空间、网站托管维护、企业网站设计、上城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
遍历对象的6种方法:1、“for...in”语句,可循环遍历对象自身的和继承的可枚举属性;2、keys()对属性名进行遍历,values()对属性值进行遍历;3、getOwnPropertyNames(),可返回一个包含所有属性的数组等等。
本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
ES6遍历对象属性的6种方法
1、for...in
循环遍历对象自身的和继承的可枚举属性(不含symbol属性)
for (let k in obj) {}
循环遍历对象自身的和继承的可枚举属性 (循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)
let obj = {'0':'a','1':'b','2':'c'} for (let k in obj) { console.log(k+':'+obj[k]) } //0:a //1:b //2:c
2、Object.keys(obj)|| Object.values(obj)
返回一个数组,包括对象自身的(不含继承)所有可枚举属性(不含Symbol属性)
keys()是对属性名的遍历、values()是对属性值的遍历
let obj = {'0':'a','1':'b','2':'c'} console.log(Object.keys(obj)) //["0","1","2"] console.log(Object.values(obj)) //["a","b","c"]
3、Object.getOwnPropertyNames(obj)
返回一个数组包含对象自身的所有属性(不包含属性,但是包括不可枚举属性)
let obj = {'0':'a','1':'b','2':'c'}; Object.getOwnPropertyNames(obj).forEach(function(key){ console.log(key,obj[key]); }); // 0 a // 1 b // 2 c
4、Object.getOwnPropertySymbols(obj)
返回一个数组,包含对象自身的所有Symbol属性
示例:获取对象自有的Symbol值属性
var obj = {}; var a = Symbol("a"); var b = Symbol.for("b"); obj[a] = "localSymbol"; obj[b] = "globalSymbol"; var objectSymbols = Object.getOwnPropertySymbols(obj); console.log(objectSymbols.length); // 2 console.log(objectSymbols) // [Symbol(a), Symbol(b)] console.log(objectSymbols[0]) // Symbol(a)
5、Reflect.ownKeys(obj)
返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.
const object1 = { property1: 42, property2: 13 }; const array1 = []; console.log(Reflect.ownKeys(object1)); // expected output: Array ["property1", "property2"] console.log(Reflect.ownKeys(array1)); // expected output: Array ["length"]
6、Reflect.enumerate(obj)
返回一个Iterator对象,遍历对象自身的和继承的所有可枚举属性(不含Symbol属性),与for ... in 循环相同.
var obj = { x: 1, y: 2 }; for (var name of Reflect.enumerate(obj)) { console.log(name); } // logs "x" and "y"
读到这里,这篇“es6遍历对象属性的方法有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
当前题目:es6遍历对象属性的方法有哪些
文章起源:http://myzitong.com/article/jhigeh.html