es6遍历对象的方法有哪些

154 阅读 0 评论 102 点赞

我是靠谱客的博主辛勤口红，这篇文章主要介绍es6遍历对象的方法有哪些，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

ES6遍历对象属性的6种方法

1、for...in

循环遍历对象自身的和继承的可枚举属性(不含symbol属性)

复制代码for (let k in obj) {}1
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:c1
2
3
4
5
6
7
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"]1
2
3
4
5
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 c1
2
3
4
5
6
7
8
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)1
2
3
4
5
6
7
8
9
10
11
12
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"]1
2
3
4
5
6
7
8
9
10
11
12
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"1
2
3
4
5
6
var obj = { x: 1, y: 2 };

for (var name of Reflect.enumerate(obj)) {
  console.log(name);
}
// logs "x" and "y"
登录后复制

【相关推荐：javascript视频教程、web前端】

以上就是es6遍历对象的方法有哪些的详细内容，更多请关注靠谱客其它相关文章！