JavaScript Object.values() 메서드는 객체의 값 목록을 검색합니다. values() 메서드의 결과를 반복하여 개체에 있는 각 값의 내용을 볼 수 있습니다.
개체에는 키와 값이 포함됩니다. 경우에 따라 개체의 값만 검색하고 싶을 것입니다. 리더보드에 모든 사람의 이름을 저장하는 개체가 있다고 가정해 보겠습니다. 이름(즉, 위치)과 관련된 키가 아니라 개체에서 이름만 검색할 수 있습니다.
이것이 Object.values() 메서드가 필요한 곳입니다. 이 메서드를 사용하면 개체의 모든 값을 볼 수 있습니다. 이 가이드에서는 Object.values() 메서드를 사용하는 방법에 대해 설명합니다. 시작하는 데 도움이 되도록 자세한 예를 참조하겠습니다.
자바스크립트 Object.values()
JavaScript Object.values() 메서드는 객체를 가져와서 배열에 열거 가능한 속성을 반환합니다. 개체를 수동으로 반복하여 배열로 푸시하는 것처럼 값이 정렬됩니다.
이 메서드의 구문을 살펴보겠습니다.
let players = {
a: "lucy",
b: "harry"
}
console.log(Object.values(players)) Object.values() 메서드는 하나의 인수를 받아들입니다. 값을 보고자 하는 객체의 이름입니다. 이 구문에서는 메서드의 결과를 콘솔에 출력합니다.
이 코드는 JavaScript 개체의 플레이어 이름을 반환합니다. lucy 그리고 해리 . 이 이름은 목록으로 반환되며 JavaScript 콘솔에 인쇄됩니다.
["lucy", "harry"]
값은 사전에 있는 것과 동일한 순서로 되어 있습니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
Object.values() 메서드는 객체에서 값을 검색하는 쉬운 방법입니다. 대안은 새 목록을 만들고 for 루프로 개체를 반복하여 각 값을 새 목록에 추가하는 것입니다. 이 방법은 작성하는 데 더 많은 시간과 더 많은 코드가 소요됩니다.
실행 중인 이 방법의 예를 살펴보겠습니다.
Object.values() 자바스크립트 예제
캘리포니아의 San Jose에 대한 정보가 포함된 개체가 있다고 가정합니다. 우리는 각 데이터 조각과 관련된 레이블을 검색하지 않고 이 도시에 대한 모든 정보를 검색하려고 합니다.
다음 키-값 쌍을 고려하십시오.
city: "San Jose",
city 레이블이 아닌 도시 이름만 검색하고 싶습니다. .
이 작업을 수행할 수 있는 프로그램을 살펴보겠습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<body>
<div id="root"></div>
<script async defer>
const cityData = {
city: "San Jose",
state: "California",
area: 181.36,
land: 178.24,
water: 3.12,
urban: 342.27,
metro: 2694.61,
elevation: 82,
population: 1021795,
timezone: "Los_Angeles/Pacific",
website: "www.sanjoseca.gov"
}
let arr = Object.values(cityData);
let root = document.getElementById('root');
root.innerHTML = JSON.stringify(arr);
</script>
</body>
</html> 먼저
태그, 태그 및 태그에 몇 가지 기본 메타 정보가 있는 표준 HTML 페이지를 설정합니다.JavaScript 코드를 작성하는