JavaScript에서 Object.keys 메소드를 사용하여 객체 속성을 얻는 방법

不言
풀어 주다: 2019-01-15 14:00:54
원래의
5674명이 탐색했습니다.

Object.keys를 사용하면 객체의 속성을 얻을 수 있습니다. Object.keys는 요소가 문자열인 배열을 반환하며, 해당 요소는 주어진 객체에서 직접 열거할 수 있는 속성에서 나옵니다. 연관 배열에서 사용하면 키를 얻을 수 있습니다. 이번 글에서는 Object.keys의 구체적인 사용법을 살펴보겠습니다.

JavaScript에서 Object.keys 메소드를 사용하여 객체 속성을 얻는 방법

Object.keys 사용 방법

먼저, 방법을 살펴보겠습니다. 객체 뒤에 속성을 가져옵니다.

객체 생성 방법

우선 가장 기본적인 객체 생성 방법을 살펴보겠습니다.

간단히 객체의 구조는 "속성"과 "메서드"로 나누어집니다.

Attributes는 함수와 마찬가지로 다양한 정보를 "키워드"와 "값" 쌍으로 저장할 수 있습니다.

다음과 같이 빈 개체를 만들 수 있습니다.

var obj1 = { } 
var obj2 = new Object()
로그인 후 복사

위의 두 가지 방법은 동일합니다. "obj1"이라고 표현하는 것이 더 간단해서 자주 사용됩니다.

예를 들어, 아래와 같이 사람의 "이름"과 "나이" 정보가 포함된 속성을 포함하는 객체를 작성할 수 있습니다.

var obj = {
 
    name : '张 三',
    age : 30
 
}
로그인 후 복사

객체 속성을 얻는 방법

객체를 생성하는 방법을 알았으니 이제 Object.keys를 사용하여 속성을 가져옵니다.

사용하려면 [Object.keys(Object)]처럼 객체를 매개변수로 지정하면 됩니다.

그것의 특징은 열거형 속성명의 배열 데이터를 반환값으로 얻는 기능입니다.

따라서 먼저 다음과 같은 객체 데이터를 준비합니다.

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}
로그인 후 복사

여기서 이름/나이/지역 3가지 속성을 확인해주세요.

다음으로 Object.keys()를 사용하여 다음과 같이 작성합니다.

var result = Object.keys(obj); 
console.log(result);
로그인 후 복사

실행 결과:

["name", "age", "area"]
로그인 후 복사

keys() 매개변수를 다음과 같이 지정할 수 있습니다. 모든 속성을 검색하는 개체입니다.

실행 결과를 보면 속성 이름이 배열 데이터로 얻어지는 것을 알 수 있습니다.

이러한 배열 데이터로 변환하는 것은 자바스크립트 표준에서 제공하는 다양한 배열 메소드를 사용할 수 있기 때문에 편리합니다.

배열과 함께 Object.keys를 사용하는 방법

Object.keys를 사용하여 속성을 가져오려면 매개변수에 가져올 객체를 지정하세요.

다음 절차를 살펴보겠습니다.

var obj = ["sa", "mu", "ra", "i"];
console.log(Object.keys(obj));
로그인 후 복사

실행 결과: 0,1,2,3

이런 식으로 속성을 얻습니다.

위 내용은 JavaScript에서 Object.keys 메소드를 사용하여 객체 속성을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿