자바스크립트 배열에서 하위 배열을 제거하는 방법

개발 중에 배열 처리는 자주 사용되는 작업 중 하나입니다. 때로는 배열, 특히 여러 하위 배열이 포함된 대규모 배열을 삭제해야 하는 경우도 있습니다. 이번 글에서는 자바스크립트를 이용하여 배열에서 특정 하위 배열을 삭제하는 방법을 소개하겠습니다.

1. splice() 함수 사용

JavaScript의 splice() 함수를 사용하면 배열의 요소를 삭제할 수 있으며 작업이 더 유연해집니다. splice() 함수를 사용하면 하위 배열을 포함하여 모든 위치의 요소를 삭제할 수 있습니다.

구체적인 단계는 다음과 같습니다.

• 먼저 삭제하려는 하위 배열의 인덱스 위치를 찾습니다.
• 그런 다음 splice() 함수를 사용하여 배열에서 이 하위 배열을 제거합니다.

샘플 코드는 다음과 같습니다.

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let index = arr.findIndex((item) => item[0] === 3 && item[1] === 4);
if (index > -1) {
  arr.splice(index,1);
}
console.log(arr); // output: [[1, 2], [5, 6], [7, 8]]

이 예제에서는 먼저 여러 하위 배열을 포함하는 큰 배열을 만든 다음 findIndex() 메서드를 사용하여 삭제할 하위 배열의 인덱스 위치를 가져옵니다. . 마지막으로 splice() 함수를 사용하여 원래 배열에서 배열을 제거하고 나머지 모든 하위 배열을 출력합니다.

2. filter() 함수를 사용하세요.

JavaScript의 filter() 함수를 사용하면 조건을 충족하는 모든 요소를 ​​포함하는 새 배열을 만들 수 있습니다. filter() 함수를 사용하여 삭제하려는 하위 배열 없이 새 배열을 만들 수 있습니다.

코드를 직접 살펴보세요.

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let newArray = arr.filter((item) => !(item[0] === 3 && item[1] === 4));
console.log(newArray); // output: [[1, 2], [5, 6], [7, 8]]

이 예에서는 먼저 여러 하위 배열을 포함하는 큰 배열을 만든 다음 filter() 함수를 사용하여 삭제하고 싶지 않은 요소를 모두 포함하는 새 하위 배열을 만듭니다. . 마지막으로 결과를 콘솔에 인쇄합니다.

3. for 루프 사용

JavaScript 내장 함수를 사용하지 않고 배열에서 특정 하위 배열을 삭제해야 하는 경우 for 루프를 사용할 수 있습니다.

구체적인 단계는 다음과 같습니다.

• 먼저 삭제할 하위 배열의 인덱스 위치를 찾습니다.
• 그런 다음 for 루프를 사용하여 배열을 순회하고 배열에서 삭제하려는 요소를 제거하세요.

샘플 코드는 다음과 같습니다.

let arr = [[1, 2], [3, 4], [5, 6], [7, 8]];
let index = arr.findIndex((item) => item[0] === 3 && item[1] === 4);
if (index > -1) {
  for (let i = index; i < arr.length - 1; i++) {
    arr[i] = arr[i + 1];
  }
  arr.length--;
}
console.log(arr); // output: [[1, 2], [5, 6], [7, 8]]

이 예제에서는 먼저 여러 하위 배열을 포함하는 큰 배열을 만든 다음 findIndex() 메서드를 사용하여 삭제할 하위 배열의 인덱스 위치를 가져옵니다. . 그런 다음 for 루프를 사용하여 원래 배열을 반복하고 여기에서 지정된 하위 배열을 삭제합니다. 마지막으로 결과를 콘솔에 인쇄합니다.

요약

이 글에서는 splice() 함수, filter() 함수 및 for 루프를 사용하여 여러 하위 배열이 포함된 큰 배열에서 특정 하위 배열을 삭제하는 세 가지 방법을 소개합니다. 다양한 상황에 적합한 방법을 선택하세요. JavaScript는 데이터를 조작하는 다양한 방법을 제공합니다. 자신에게 맞는 방법을 선택하면 개발 효율성을 높일 수 있습니다.

위 내용은 자바스크립트 배열에서 하위 배열을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!