遍历对象的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"
【相关推荐:javascript视频教程、web前端】
以上就是es6遍历对象的方法有哪些的详细内容,
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)