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() 메서드

이 메서드는 배열의 마지막 요소를 삭제하고 삭제된 항목을 출력으로 반환하는 데 사용됩니다. 요소를 제거하면 배열 길이가 줄어듭니다.

예: 이 예에서는 배열 요소를 삭제하는 데 pop() 메서드가 사용됩니다.

자바스크립트

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();>

산출

[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ] 

방법 5: 사용 filter() 메서드

이 메서드는 새 배열을 반환합니다. 함수의 조건을 만족하는 배열 요소는 새 배열에만 전달됩니다. 이 방법은 원래 배열을 변경하지 않습니다.

예: 이 예에서는 filter() 메서드를 사용하여 배열에서 항목을 삭제합니다.

자바스크립트

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를 반환하고 제거된 요소를 반환하는 배열에서 모든 요소를 ​​제거하는 데 사용됩니다.

예: 이 예에서는 위에서 설명한 접근 방식을 보여줍니다.

자바스크립트

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 ]