배열 요소 토글 | JavaScript 코딩 튜토리얼

소개

이 랩에서는 JavaScript 를 사용하여 배열 내 요소를 토글하는 방법을 살펴봅니다. toggleElement() 함수를 사용하면 배열에 이미 포함된 요소를 제거하거나, 그렇지 않은 경우 배열에 요소를 추가할 수 있습니다. 이 랩은 includes() 및 filter() 메서드를 스프레드 연산자 (spread operator) 와 함께 사용하여 배열 요소를 효율적으로 토글하는 방법을 이해하는 데 도움이 될 것입니다.

배열 내 요소 토글 방법

배열 내 요소를 토글하려면 다음 단계를 따르세요.

터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
Array.prototype.includes()를 사용하여 주어진 요소가 배열에 있는지 확인합니다.
요소가 배열에 있으면 Array.prototype.filter()를 사용하여 제거합니다.
요소가 배열에 없으면 스프레드 연산자 (...) 를 사용하여 추가합니다.
배열과 값을 인수로 받는 toggleElement 함수를 사용하여 배열 내 요소를 토글합니다.

const toggleElement = (arr, val) =>
  arr.includes(val) ? arr.filter((el) => el !== val) : [...arr, val];

toggleElement([1, 2, 3], 2); // [1, 3]
toggleElement([1, 2, 3], 4); // [1, 2, 3, 4]

이러한 단계를 따르면 JavaScript 를 사용하여 배열 내 요소를 쉽게 토글할 수 있습니다.

요약

축하합니다! 배열 내 요소 토글 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.