logo

TechCodeview

JavaScript 配列から要素を削除する

JavaScript 配列から要素を削除するということは、配列から特定の項目を取り出すことを意味します。これは配列の正確さを維持し、データの処理を容易にするため、プログラミングにおける基本的かつ重要なタスクです。この記事では、JavaScript 配列から要素を削除するいくつかの方法について説明します。



JavaScript 配列から要素を削除するメソッド

JavaScript 配列から要素を削除するには、以下で説明するさまざまな方法があります。

目次

注記： 他にも作成されたメソッドがあります JavaScript 組み込みメソッド。



方法 1: Pop() メソッドを使用して配列から最後の要素を削除する

このメソッドは、配列の最後の要素を削除し、削除された要素を返すために使用されます。この関数は、要素が削除されるたびに配列の長さを 1 ずつ減らします。

アルファベットから数字へ

例 1: 以下のコードは、 Pop() メソッド 配列から要素を削除します。

100万桁
JavaScript 
// JavaScript code to illustrate pop() function  // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array  let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length);>
出力 
Removed element: pop Remaining elements: shift,splice,filter Array length: 3>

例 2: 以下のコードは、配列の長さが 0 になるまで、pop() メソッドを使用して配列から要素を削除します。



JavaScript 
// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) {  // Remove elements from array  array.pop(); } console.log('Array Length: ' + array.length)>
出力 
Original array: pop,splice,filter,shift Array Length: 0>

方法 2:shift() メソッドを使用して配列から最初の要素を削除する

このメソッドは、配列の最初の要素を削除して返し、元の配列のサイズを 1 減らすために使用されます。

例： 以下のコードは、次の基本的な実装です。 シフト()メソッド 配列要素を削除します。

JavaScript 
// JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array  let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr);>
出力 
Removed element: shift Remaining elements: splice,filter,pop>

方法 3: splice() メソッドを使用して配列から任意のインデックスの要素を削除する

スプライス方式 既存の要素を削除したり、新しい要素を追加したりして、配列の内容を変更するために使用されます。 splice() メソッドで要素を削除するには、さまざまな方法で要素を指定できます。

例 1: この例では、splice メソッドのインデックス付けを使用して、JavaScript 配列から要素を削除します。

JavaScript 
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array  let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr);>
出力 
Removed element: splice Remaining elements: shift,filter,pop>

例 2: この例では、splice メソッドの値を使用して、JavaScript 配列から要素を削除します。

JavaScript 
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array  for (let i = 0; i < arr.length; i++) {  if (arr[i] === 'splice') {  let spliced = arr.splice(i, 1);  console.log('Removed element: ' + spliced);  console.log('Remaining elements: ' + arr);  } }>
出力 
Removed element: splice Remaining elements: shift,filter,pop>

例 3: splice メソッドを使用して、JavaScript 配列から各要素を削除します。

JavaScript 
// Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array)>
出力 
Original array: pop,splice,filter,shift Empty array:>

方法 4: filter() メソッドを使用して、特定の条件で配列から要素を削除する

フィルタ方式 引数関数によって設定された条件を満たす、指定された配列の要素のみで構成される新しい配列を、指定された配列から作成するために使用されます。 filter() メソッドで要素を削除するには、さまざまな方法で要素を指定できます。

例： 以下の例では、filter メソッドの値を使用して、JavaScript 配列から要素を削除します。

JavaScript 
// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('配列内の正の要素: ' + フィルター済み);関数();>>
出力 
Positive elements in array: 101,98,12,848>

方法 5: 削除演算子を使用してインデックスを持つ配列要素を削除する

の 削除演算子 ブール値を返します。 真実、 要素またはプロパティが配列またはオブジェクトから削除された場合、および 間違い、 関数または変数が削除に渡された場合。

例： 以下のコードは、配列から要素を削除する削除演算子を実装しています。

文字列をJavaと比較する
JavaScript 
// Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array);>
出力 
Removed: true Remaining elements: lodash,remove,,reset>

方法 6: クリアおよびリセットのアプローチを使用して配列要素を削除する

手動のクリアとリセットのアプローチを使用して配列から要素を削除するには、length プロパティを使用して配列の長さを 0 にリセットするか、配列を空の配列 ([]) に割り当てます。

例： この例では、JavaScript でクリアおよびリセットのアプローチを実装する方法を説明します。

JavaScript 
// Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2);>
出力 
Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: []>

方法 7: for() ループと新しい配列を使用して配列から要素を削除する

ここでは簡単な for ループ は配列に対して実行され、削除する必要がある要素を除くすべての要素を新しい配列にプッシュします。

例： 以下の例では、for ループと 新しい配列 配列から要素を削除します。

javaからjsonオブジェクトへ
JavaScript 
let removeElement = (array, n) =>{ let newArray = [];  for (i = 0 とする; i< array.length; i++) {  if (array[i] !== n) {  newArray.push(array[i]);  }  }  return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result);>
出力 
Remaining elements: 1,3,4,5>

方法 8: lodash _.remove メソッドを使用して配列要素を削除する

lodash ライブラリを使用して、JavaScript 配列から要素を削除します。 lodash ライブラリを使用するには、システムにローカルにインストールする必要があります。

例： このコードは、 _。取り除く（） 配列から要素を削除する lodash のメソッド。

JavaScript 
// Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) {  return n % 2 == 0; });   console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens);>

出力： 

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848>