Javascript에는 요소를 삭제하는 array.remove() 메서드가 없습니다. 배열이 있고 해당 배열에서 특정 항목을 삭제하고 결과 배열을 콘솔에 반환해야 합니다.
이 문제를 해결하기 위한 방법은 다음과 같습니다.
내용의 테이블
- for 루프 및 push() 메소드 사용
- Pop() 메서드 사용
- Shift() 메서드 사용
- splice() 메서드 사용
- filter() 메소드 사용
- 삭제 연산자 사용
- Lodash _.remove() 메소드 사용
메모: JavaScript 내장 메서드에 의해 생성되는 몇 가지 다른 메서드가 있습니다.
방법 1: 사용 for 루프 그리고 푸시 () 방법
이 방법은 원래 배열을 변경하지 않습니다. 먼저, 빈() 배열을 생성한 다음 새 배열을 반복하고 원하는 요소만 푸시해야 합니다.
예: 이 예에서는 위에서 설명한 접근 방식을 보여줍니다.
자바스크립트
let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);> |
>
>산출
[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]>
방법 2: 사용 Pop() 메서드
이 메서드는 배열의 마지막 요소를 삭제하고 삭제된 항목을 출력으로 반환하는 데 사용됩니다. 요소를 제거하면 배열 길이가 줄어듭니다.
C++의 문자열
예: 이 예에서는 배열 요소를 삭제하는 데 pop() 메서드가 사용됩니다.
자바스크립트
자바 문자를 int로
function> myFunc() {> >let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> >let name = arr.pop();> >console.log(name);> >console.log(arr.length)> }> myFunc();> |
>
>산출
techcodeview.com 3>
방법 3: 사용 Shift() 메서드
이 메서드는 배열의 시작 부분에서 요소를 삭제하는 데 사용됩니다. 이 메서드는 배열의 첫 번째 요소를 반환하는 데 사용됩니다. 또한 원래 배열의 길이도 줄어듭니다.
예: 이 예제에서는 Shift() 메서드를 사용하여 배열의 첫 번째 요소를 삭제합니다.
자바스크립트
function> myFunc() {> >let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> >let name = arr.shift();> >console.log(name);> >console.log(arr.length)> }> myFunc();> |
>
>산출
gfg 3>
방법 4: 사용 splice() 메서드
이 방법은 기존 요소를 삭제하거나 새 요소를 제거/추가하여 배열의 내용을 바꾸는 데 사용됩니다.
예: 이 예에서는 splice 메소드를 사용하여 배열에서 항목을 삭제합니다.
자바스크립트
function> myFunc() {> >let myFruit = [>'apple'>,>'banana'>,>'grapes'>,>'strawberry'>];> >const removed = myFruit.splice(2, 2,>'guava'>);> > >// Removed element in the array> >console.log(removed);> >// Length of the original array after deleting> >console.log(myFruit.length);> >// Original array after deleting the array> >console.log(myFruit);> }> myFunc();> |
>
>
CSS 이미지 중앙 정렬산출
[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]>
방법 5: 사용 filter() 메서드
이 메서드는 새 배열을 반환합니다. 함수의 조건을 만족하는 배열 요소는 새 배열에만 전달됩니다. 이 방법은 원래 배열을 변경하지 않습니다.
예: 이 예에서는 filter() 메서드를 사용하여 배열에서 항목을 삭제합니다.
자바스크립트
봄의 JPA
const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> >for> (let i = 2; n>나; 나++) {> >if> (n % i === 0) {> >return> false>;> >}> >}> >return> n>1;> }> console.log(arr.filter(isPrime));> |
>
>산출
[ 2, 7, 19 ]>
방법 6: 사용 운영자 삭제
이 연산자는 특히 JavaScript 개체 속성을 삭제하는 데 사용됩니다.
예: 이 예에서는 JavaScript 삭제 연산자를 사용하여 배열에서 항목을 삭제합니다.
자바스크립트
const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);> |
>
>산출
[ 2, 7, 9, , 19 ]>
방법 7: 사용 Lodash _.remove() 메서드
그만큼 _.remove() 메서드 조건자가 True를 반환하고 제거된 요소를 반환하는 배열에서 모든 요소를 제거하는 데 사용됩니다.
예: 이 예에서는 위에서 설명한 접근 방식을 보여줍니다.
자바스크립트
자바의 tostring
const _ = require(>'lodash'>);> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,>function> (n) {> >return> n % 2 == 0;> });> console.log(>'Original Array '>, arr);> console.log(>'Removed element array '>, even);> |
>
>
산출:
Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]>