마지막 일치하는 키 찾기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 주어진 조건을 만족하는 객체의 마지막 키를 찾는 데 도움이 되는 JavaScript 함수 findLastKey()를 살펴봅니다. Object.keys(), Array.prototype.reverse(), 그리고 Array.prototype.find()를 사용하여 이 함수를 구현하는 방법을 배우고, 객체 작업 시 이 함수가 어떻게 코드를 단순화하는지 살펴보겠습니다. 이 랩을 마치면 JavaScript 객체 작업 방식과 findLastKey() 함수를 사용하여 코드를 더 간결하고 효율적으로 만드는 방법에 대한 이해도가 높아질 것입니다.

조건을 만족하는 마지막 키를 찾는 함수

주어진 조건을 만족하는 객체의 마지막 키를 찾으려면 findLastKey 함수를 사용하십시오. 이 함수는 객체와 테스트 함수를 인수로 받습니다. 일치하는 키가 발견되면 함수는 해당 키를 반환합니다. 그렇지 않으면 undefined를 반환합니다. 다음은 함수가 마지막 키를 찾는 데 사용하는 단계입니다.

  1. Object.keys()를 사용하여 객체의 모든 프로퍼티를 가져옵니다.
  2. Array.prototype.reverse()를 사용하여 키의 순서를 반전시킵니다.
  3. Array.prototype.find()를 사용하여 제공된 함수를 각 키 - 값 쌍에 대해 테스트합니다. 콜백 함수는 값, 키 및 객체, 이렇게 세 개의 인수를 받습니다.
  4. 일치하는 키가 발견되면 해당 키를 반환합니다.
const findLastKey = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .find((key) => fn(obj[key], key, obj));

다음은 findLastKey를 사용하는 예시입니다.

findLastKey(
  {
    barney: { age: 36, active: true },
    fred: { age: 40, active: false },
    pebbles: { age: 1, active: true }
  },
  (x) => x["active"]
); // 'pebbles'

이 함수를 사용하려면 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작하십시오.

요약

축하합니다! 마지막 일치하는 키 찾기 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.