객체의 고유 속성을 역순으로 반복하기

소개

이 랩에서는 JavaScript 를 사용하여 객체의 고유 속성을 역순으로 반복하는 방법을 살펴봅니다. Object.keys() 및 Array.prototype.reverse()와 같은 내장 메서드를 사용하여 이를 수행합니다. 이 랩을 마치면 JavaScript 에서 객체를 사용하는 방법과 객체의 속성을 조작하는 방법에 대한 이해도가 높아질 것입니다.

객체의 고유 속성을 역순으로 반복하는 방법

객체의 고유 속성을 역순으로 반복하고 각 속성에 대해 콜백을 실행하려면 다음 단계를 따르세요.

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. Object.keys()를 사용하여 객체의 모든 속성을 가져옵니다.
3. Array.prototype.reverse()를 사용하여 속성의 순서를 반대로 합니다.
4. Array.prototype.forEach()를 사용하여 각 키 - 값 쌍에 대해 제공된 함수를 실행합니다.
5. 콜백 함수는 값, 키 및 객체, 이렇게 세 개의 인수를 가져야 합니다.

다음은 코드입니다.

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

이 함수는 모든 객체 및 콜백 함수와 함께 사용할 수 있습니다. 예를 들어, { foo: 'bar', a: 1 }의 값을 역순으로 로그하려면 다음 코드를 사용할 수 있습니다.

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

요약

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