es6에서 객체를 순회하는 방법은 무엇입니까

객체를 탐색하는 6가지 방법: 1. "for...in" 문은 객체 자체 및 상속된 열거 가능 속성을 반복할 수 있습니다. 2. 키()는 속성 이름을 탐색하고 값()은 값을 탐색합니다. 3. 모든 속성 등을 포함하는 배열을 반환할 수 있는 getOwnPropertyNames()

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES6에서 객체 속성을 탐색하는 6가지 방법

1. for...in

객체 자체 및 상속된 열거 가능 속성을 통해 루프(기호 속성 제외)

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)

을 반환합니다. 객체 자체의 모든 열거 가능한 속성을 포함한 배열(상속 제외) (기호 속성 제외)

keys()는 속성 이름 순회이고, value()는 쌍입니다. 속성 값 순회

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)

객체 자체의 모든 기호 속성을 포함하는 배열을 반환합니다.

예: 객체의 자체 기호 값 속성 가져오기

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)

속성 이름이 기호인지 문자열인지 또는 열거 가능한지 여부에 관계없이 객체 자체의 속성입니다.

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 )

반복자 객체를 반환합니다. for...in 루프와 동일하게 객체 자체의 열거 가능한 모든 속성과 상속된(Symbol 속성 제외)을 순회합니다.

var obj = { x: 1, y: 2 };

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

[관련 권장 사항: javascript 비디오 튜토리얼 ,web front-end]

위 내용은 es6에서 객체를 순회하는 방법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!