Object.entries 함수를 사용하여 객체의 키-값 쌍을 얻는 방법은 무엇입니까?

Object.entries 함수를 사용하여 객체의 키-값 쌍을 얻는 방법은 무엇입니까?

JavaScript 프로그래밍에서는 객체의 키-값 쌍을 조작해야 하는 경우가 많습니다. ES2017에 도입된 Object.entries 메소드는 객체의 키-값 쌍을 빠르게 얻는 데 도움이 됩니다. 이 기사에서는 구체적인 코드 예제와 함께 Object.entries의 사용법을 소개합니다.

1. Object.entries의 기본 사용법
Object.entries 함수는 객체를 매개변수로 받고 객체의 키-값 쌍을 포함하는 2차원 배열을 반환합니다. 여기서 각 배열 요소는 키와 값을 포함하는 작은 배열입니다.

예를 들어 객체가 있습니다:
const person = {
name: "John",
age: 30,
성별: "male"
};

다음의 키-값 쌍을 얻으려면 person 개체의 경우 Object.entries 함수를 사용할 수 있습니다.
const 항목 = Object.entries(person);

위 코드를 실행하면 항목 값은 사람의 모든 키-값 쌍을 포함하는 2차원 배열이 됩니다. object:
[
["name", " John"],
["age", 30],
["gender", "male"]
]

2. 키-값 쌍 탐색
키를 얻은 후 -객체의 값 쌍, for... of 루프를 사용하여 이를 반복하거나 forEach 메서드를 사용하여 반복할 수 있습니다.

1. for...of 루프를 사용하여 탐색
   for...of 루프는 ES6에 도입된 새로운 기능으로, 배열이나 배열과 유사한 객체를 쉽게 탐색할 수 있습니다.

그런 다음 person 객체를 예로 들고 for...of 루프를 사용하여 person 객체의 키-값 쌍을 탐색합니다.
for (const [key, value] of Object.entries(person)) {
console.log(${key}: ${value});${key}: ${value});
}

执行以上代码后，控制台将输出：
name: John
age: 30
gender: male

2. 使用forEach方法遍历
   除了for...of循环外，我们也可以使用数组的forEach方法对Object.entries返回的数组进行遍历。

同样以person对象为例，使用forEach方法遍历person对象的键值对：
Object.entries(person).forEach(([key, value]) => {
console.log(${key}: ${value}}

name: John
age: 30
gender: male

forEach 메서드를 사용하여 탐색

for...of 루프 외에도 배열의 forEach 메서드를 사용하여 Object.entries에서 반환된 배열을 탐색할 수도 있습니다.


또한 사람 개체를 예로 들면, forEach 메서드를 사용하여 사람 개체의 키-값 쌍을 탐색합니다.

Object.entries(person).forEach(([key, value]) => {

console.log( ${key}: ${value});
});

위 코드를 실행한 후 콘솔은 동일한 결과를 출력합니다:
name: John
age: 30

성별: 남성


3. Object.entries를 사용하여 객체 복제

Object.entries 함수는 객체의 키-값 쌍을 얻을 수 있을 뿐만 아니라 객체 복제에도 도움이 됩니다.
Object.fromEntries 메소드를 결합하여 키-값 쌍을 포함하는 2차원 배열을 새 객체로 변환할 수 있습니다.


예를 들어, person 개체가 있습니다:

const person = {

name: "John",

age: 30,🎜 성별: "male"🎜};🎜🎜이제 person by 개체를 만들고 싶습니다. 복제 동일한 개체 내용을 가진 새 개체입니다. Object.entries 및 Object.fromEntries를 사용하여 이 작업을 수행할 수 있습니다. 🎜const clonedPerson = Object.fromEntries(Object.entries(person)) 🎜🎜위 코드를 실행한 후 clonedPerson은 내용이 동일한 새 개체가 됩니다. 사람 개체로서 정확히 동일합니다. 🎜🎜요약🎜Object.entries 함수는 ES2017에 도입된 새로운 방법으로, 객체의 키-값 쌍을 빠르게 얻는 데 도움이 됩니다. for...of 루프나 배열의 forEach 메서드를 사용하면 이러한 키-값 쌍을 쉽게 반복할 수 있습니다. 또한 Object.fromEntries 메소드와 결합하면 Object.entries를 통해 객체를 복제할 수도 있습니다. 🎜🎜이 글이 Object.entries 함수의 사용법을 이해하는 데 도움이 되기를 바랍니다. 일상적인 JavaScript 프로그래밍에서 Object.entries를 적절하게 사용하면 객체의 키-값 쌍을 더 쉽게 작동할 수 있습니다. 🎜

위 내용은 Object.entries 함수를 사용하여 객체의 키-값 쌍을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!