배열에서 인덱스 값 가져오기

Beginner

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

소개

이 랩에서는 JavaScript 를 사용하여 특정 인덱스에서 배열의 값을 가져오는 방법을 살펴봅니다. pullAtIndex() 함수를 사용할 예정이며, 이 함수는 지정된 인덱스의 값을 필터링하기 위해 원래 배열을 변경하고 제거된 요소를 반환합니다. 이 랩을 마치면 JavaScript 에서 배열을 조작하는 방법에 대한 확실한 이해를 갖게 될 것입니다.

인덱스에서 배열의 값 가져오는 방법

특정 인덱스에서 배열의 특정 값을 가져오려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
  2. Array.prototype.filter()Array.prototype.includes()를 사용하여 필요 없는 값을 필터링하고 removed라는 새 배열에 저장합니다.
  3. Array.prototype.length0으로 설정하여 길이를 재설정하여 원래 배열을 변경합니다.
  4. Array.prototype.push()를 사용하여 가져온 값만으로 원래 배열을 다시 채웁니다.
  5. Array.prototype.push()를 사용하여 제거된 값을 추적합니다.
  6. pullAtIndex 함수는 두 개의 인수를 받습니다: 원래 배열과 가져올 인덱스 배열입니다.
  7. 이 함수는 제거된 값의 배열을 반환합니다.

사용 예시:

const pullAtIndex = (arr, pullArr) => {
  let removed = [];
  let pulled = arr
    .map((v, i) => (pullArr.includes(i) ? removed.push(v) : v))
    .filter((v, i) => !pullArr.includes(i));
  arr.length = 0;
  pulled.forEach((v) => arr.push(v));
  return removed;
};

let myArray = ["a", "b", "c", "d"];
let pulled = pullAtIndex(myArray, [1, 3]);
// myArray = [ 'a', 'c' ] , pulled = [ 'b', 'd' ]

요약

축하합니다! 인덱스에서 배열의 값 가져오기 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.