logo

JavaScript を使用して配列から項目を削除するさまざまな方法

Javascript には、要素を削除するための array.remove() メソッドがありません。配列があるので、その配列から指定された項目を削除し、結果の配列をコンソールに返す必要があります。

配列から項目を削除する差分方法

この問題を解決するには次の方法があります。



目次

注記: JavaScript の組み込みメソッドによって作成されるメソッドが他にもいくつかあります。

方法 1: 使用する for ループ そして 押す () 方法

このメソッドは元の配列を変更しません。まず、empty() 配列を作成し、新しい配列をループして、必要な要素のみをプッシュする必要があります。

例: この例は、上記で説明したアプローチを示しています。

JavaScript




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() メソッド

このメソッドは、配列の最後の要素を削除し、削除された項目を出力として返すために使用されます。要素を削除すると、配列の長さが短くなります。

個別の SQL をカウントする

例: この例では、pop() メソッドを使用して配列の要素を削除します。

JavaScript


C#の文字列比較



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() メソッドを使用して配列の最初の要素を削除します。

JavaScript




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 メソッドを使用して配列から項目を削除します。

JavaScript




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() メソッド

このメソッドは新しい配列を返します。 function の条件を満たす配列要素のみが新しい配列に渡されます。このメソッドは元の配列を変更しません。

例: この例では、filter() メソッドを使用して配列から項目を削除します。

JavaScript




フォントギンプ

const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> >for> (let i = 2; n>私; i++) {>> >if> (n % i === 0) {> >return> false>;> >}> >}> >return> n>1;>> console.log(arr.filter(isPrime));>

>

>

出力

[ 2, 7, 19 ]>

方法 6: を使用する オペレータの削除

この演算子は、より具体的には、JavaScript オブジェクトのプロパティを削除するために使用されます。

例: この例では、JavaScript の delete 演算子を使用して配列から項目を削除します。

JavaScript




const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);>

>

>

出力

[ 2, 7, 9, , 19 ]>

方法 7: を使用する Lodash _.remove() メソッド

_.remove() メソッド 述語が True を返す配列からすべての要素を削除し、削除された要素を返すために使用されます。

例: この例は、上記で説明したアプローチを示しています。

JavaScript

jpa と休止状態の比較




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 ]>