JavaScript Object.keys():가이드

JavaScript Object.keys() 메서드는 Object의 키를 검색하고 해당 키가 포함된 목록을 반환합니다. 최종 목록의 키 순서는 원래 개체에 나타나는 순서입니다.

JavaScript(JS) 개체는 키와 값의 두 가지 주요 부분으로 구성됩니다.

개체로 작업할 때 개체와 연결된 키 목록을 검색할 수 있습니다. 바로 여기에서 JavaScript Object.keys() 메서드가 들어옵니다. 이 메서드를 사용하면 개체의 모든 속성 이름 목록을 생성할 수 있습니다.

예제를 사용하여 이 자습서에서는 Object.keys()를 사용하는 방법에 대해 설명합니다. Object에 저장된 키 목록을 반환하는 메서드입니다. 또한 JavaScript 객체의 구조에 대해서도 빠르게 논의할 것입니다.

자바스크립트 개체:새로 고침

객체(대문자 "O")는 JavaScript의 매핑 데이터 유형입니다. 키를 값에 매핑합니다. 개체에 의해 저장된 값에는 문자열, 숫자, 부울 및 기타 데이터 유형이 포함될 수 있습니다. 다음은 JavaScript의 개체 예입니다.

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

콜론(:) 왼쪽에 있는 단어는 키입니다. 우리 사전에. 콜론 오른쪽에 있는 단어는 값입니다. . JavaScript 객체는 Python 사전과 동일하지만 JavaScript에서 생각할 수 있습니다.

자바스크립트 Object.keys()

JavaScript Object.keys() 메서드는 JavaScript 객체 또는 JSON 객체 내부의 키를 반환합니다. 이 키는 개체에 나타나는 순서대로 저장됩니다.

Object.keys() 구문 방법은 다음과 같습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

Object.keys(object_name)

Object.keys() 메소드는 하나의 매개변수를 허용합니다. 키를 검색하려는 객체의 이름입니다. 이 메소드는 JavaScript 목록으로 저장된, 지정한 Object의 모든 키 이름을 반환합니다.

메서드 자체를 Object.keys()라고 합니다. 이것은 keys()가 Object의 메소드이기 때문입니다. Object.keys()의 매개변수로 검색하려는 키가 있는 Object를 지정해야 합니다. Object는 keys() 메서드에 액세스할 수 없기 때문에 어떤 Object에도 keys()를 추가할 수 없습니다.

Object.keys() 자바스크립트 예제

이 방법의 작동 방식을 설명하기 위해 예제를 통해 안내해 드리겠습니다.

앞서 우리는 지역 슈퍼에서 구할 수 있는 직업에 대한 몇 가지 정보를 요약한 "job_description"이라는 사전을 만들었습니다. 우리의 객체는 JavaScript 부울, 문자열 및 정수를 포함합니다. 이제 해당 사전에서 키 목록을 검색한다고 가정합니다.

다음 코드를 사용하여 이 목록을 만들 수 있습니다.

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

console.log(job_keys);

코드 반환:

["position", "floor_worker", "hours_per_week"]

먼저 지역 슈퍼에서 사용 가능한 작업에 대한 정보와 함께 Object를 저장하는 "job_description"이라는 상수를 선언했습니다.

그런 다음 Object.keys()를 사용했습니다. 사전과 관련된 키 목록을 검색하고 "job_keys" 변수에 목록을 할당했습니다. 다음으로 "job_keys" 목록의 내용을 JavaScript 콘솔에 출력했습니다.

보시다시피 코드는 세 개의 값이 포함된 목록을 반환했습니다. 각 값은 개체의 고유한 키 이름을 나타냅니다.

JS Object.keys():또 다른 예

이 방법을 사용하는 또 다른 예를 살펴보겠습니다.

"Key Name:"이 앞에 오는 Object의 키 목록을 인쇄하려고 한다고 가정합니다. 다음 코드를 사용하여 그렇게 할 수 있습니다.

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

for (var key of job_keys) {
	console.log("Key Name: " + key);
}

코드 반환:

Key Name: position
Key Name: floor_worker
Key Name: hours_per_week

먼저 콘솔에 인쇄하려는 키의 "job_description" 개체를 정의했습니다. 그런 다음 JS Object.keys()를 사용했습니다. Object의 키 목록을 검색하는 메서드입니다.

다음으로 "for...of" 루프를 사용하여 "job_description" 개체의 모든 키를 반복했습니다.

각 키에 대해 "Key Name:" 다음에 키 이름을 콘솔에 출력했습니다. "for…of" 루프의 작동 방식에 대해 자세히 알아보려면 JavaScript for 루프에 대한 초보자 가이드를 읽어보세요.

결론

Object.keys() 메소드는 JavaScript 객체에 저장된 키 목록을 검색합니다. 결과 키는 목록에 저장됩니다. 키를 검색하기 위해 Object 끝에 keys()를 추가할 수 없습니다. Object.keys() 구문을 사용해야 합니다.

이 튜토리얼에서는 JavaScript 개체의 기본 사항과 Object.keys() 사용 방법에 대해 설명했습니다. 방법. 이제 Object.keys()를 사용할 준비가 되었습니다. 전문 JavaScript 개발자처럼 개체의 키 목록을 검색합니다!

JavaScript 코딩에 대해 자세히 알아보려면 JavaScript 학습 방법 가이드를 읽어보세요.