JavaScript 객체의 고유 속성 반복

소개

이 랩에서는 JavaScript 에서 객체의 고유 속성을 반복하는 작업을 수행합니다. 이 랩의 목적은 Object.keys() 및 Array.prototype.forEach() 메서드를 사용하여 객체의 속성을 반복하고 각 속성에 대해 콜백 함수를 실행하는 방법을 이해하도록 돕는 것입니다. 이 랩을 마치면 JavaScript 에서 객체를 사용하는 방법과 객체의 속성을 조작하는 방법에 대한 이해도가 높아질 것입니다.

JavaScript 에서 객체의 고유 속성을 반복하는 방법

객체의 고유 속성을 반복하고 코딩을 연습하려면 다음 단계를 따르세요.

1. 터미널 또는 SSH 를 엽니다.
2. node를 입력하여 새로운 Node.js 세션을 시작합니다.
3. Object.keys() 메서드를 사용하여 객체의 고유 속성 배열을 가져옵니다.
4. Array.prototype.forEach() 메서드를 사용하여 각 속성을 반복하고 제공된 함수를 실행합니다.
5. 제공된 함수는 세 개의 인수를 받아야 합니다: 속성 값, 속성 키 및 객체 자체.
6. 객체와 제공된 함수를 사용하여 forOwn() 함수를 사용하여 객체의 속성을 반복합니다.

다음은 코드 예제입니다.

const forOwn = (obj, fn) =>
  Object.keys(obj).forEach((key) => fn(obj[key], key, obj));

forOwn({ foo: "bar", a: 1 }, (v) => console.log(v)); // 'bar', 1

이 코드는 foo 및 a 속성의 값을 콘솔에 기록합니다.

요약

축하합니다! 객체의 고유 속성 반복 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.