>웹 프론트엔드 >JS 튜토리얼 >JavaScript 개체에서 키 목록을 어떻게 검색합니까?

JavaScript 개체에서 키 목록을 어떻게 검색합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-19 20:07:17558검색

How Do I Retrieve a List of Keys from a JavaScript Object?

JavaScript 객체 키 목록 검색

JavaScript 객체로 작업할 때 해당 키 목록을 가져와야 하는 경우가 많습니다. 이 지식은 특정 속성에 액세스하거나 루프 반복을 수행하는 등 다양한 작업에 매우 귀중한 것으로 입증되었습니다. 이 문서에서는 JavaScript 개체에서 키 목록을 검색하는 방법을 자세히 설명합니다.

다음 JavaScript 개체를 고려하세요.

var obj = {
   key1: 'value1',
   key2: 'value2',
   key3: 'value3',
   key4: 'value4'
}

1. Object.keys() 메서드 사용

Object.keys() 메서드는 객체의 열거 가능한 속성 이름 배열을 얻기 위한 간단하고 널리 지원되는 메서드입니다.

var keys = Object.keys(obj);
console.log('obj contains ' + keys.length + ' keys: '+  keys);

이 코드는 출력을 기록합니다.

obj contains 4 keys: key1,key2,key3,key4

2. for...in 루프 사용

또는 for...in 루프를 사용하여 객체의 속성을 반복하고 키 배열을 수동으로 생성할 수 있습니다.

var keys = [];
for (var key in obj) {
  keys.push(key);
}
console.log('obj contains ' + keys.length + ' keys: '+  keys);

이 코드는 Object.keys() 메서드와 동일한 출력을 생성합니다. 루프는 열거 가능한 속성과 열거 불가능한 속성 모두에서 반복되므로 키 목록에는 프로토타입 상속을 통해 추가된 속성이 포함될 수 있습니다.

이러한 방법을 이해하면 이제 JavaScript 개체에서 키 목록을 손쉽게 검색할 수 있으므로 다음과 같은 이점이 있습니다. 다양한 객체 관련 작업을 효율적으로 수행합니다.

위 내용은 JavaScript 개체에서 키 목록을 어떻게 검색합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.