JavaScript의 속성 열거 방법은 무엇입니까?

이 글에서는 속성을 열거하는 방법에 대해 살펴보겠습니다. 이번 글에서는 주로 forEach(), map(), filter() 메소드의 사용법을 알아보겠습니다. 아래에.

이전 기사에서 JavaScript의 속성 열거 방법은 무엇입니까?에서 Object.keys를 사용하여 객체 속성을 얻는 방법을 소개했습니다. 다음으로 JavaScript의 속성 열거 방법은 무엇입니까?에서 속성을 열거하는 방법을 살펴보겠습니다.

먼저 공통 객체 데이터부터 살펴보겠습니다

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}

forEach()를 통한 속성 열거

forEach()는 배열로 사용할 수 있는 메소드이지만, Object.keys()의 반환값이 배열이기 때문에, 호환성이 매우 좋습니다.

속성을 열거하려면 아래 설명을 참조하세요.

Object.keys(obj).forEach(function(data) {
  console.log(data);
})

실행 결과

name
age
area

forEach()의 매개변수로 함수를 정의한다는 점에 유의하세요.

이 설명을 사용하면 각 속성에 대해 임의의 기능을 실행할 수 있습니다.

그런데 "obj [data]"와 같은 형식을 사용하여 속성 값을 출력할 수도 있습니다!

map()을 통한 속성 열거

기본 사용법은 forEach()와 동일하지만, 속성을 배열 반환값으로 얻어오는 함수입니다.

아래 예시를 참고해주세요!

var result = Object.keys(obj).map(function(data) {
    return data;
})

실행 결과

["name", "age", "area"]

map() 매개변수에 지정된 함수의 내용에 주의하세요.

filter()를 통해 속성을 열거합니다.

filter()와 map()의 사용법은 거의 동일합니다.

아래 예시를 참고해주세요

var result = Object.keys(obj).filter(function(data) {
    return data;
})

실행 결과

["name", "age", "area"]

이 예시에서는 map() 부분을 filter()로 교체했지만 실행 결과는 동일합니다.

filter()의 특징은 특정 조건이 충족되었을 때만 값을 얻는 과정을 설명할 수 있다는 것입니다.

예를 들어 "return data ==='name'"은 속성에 "name"이 있는 경우에만 값을 반환합니다.

filter()를 사용하면 예를 들어 30세 이상의 사용자만 추출하는 것도 쉽습니다.

위 내용은 JavaScript의 속성 열거 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!