JavaScript は配列内の指定された要素を削除します
JavaScript では、配列は複数の要素を格納できる一般的なデータ型です。場合によっては、配列から特定の要素を削除する必要があることがあります。この記事では、JavaScript を使用して配列内の指定された要素を削除する方法について説明します。
1. splice() メソッドを使用して要素を削除します
JavaScript の splice() メソッドを使用すると、配列に要素を追加または配列から削除できます。配列内の要素を削除する必要がある場合は、splice() メソッドを使用できます。このメソッドは 2 つのパラメーターを受け入れます。最初のパラメーターは削除する要素の位置を指定し、2 番目のパラメーターは削除する要素の数を指定します。たとえば、次のコードを使用して配列の 2 番目の要素を削除できます。
let myArray = ["apple", "banana", "orange", "grape"];
myArray.splice(1, 1);
console.log(myArray);
出力は次のようになります: ["apple", "orange", "grape"]
2. filter() メソッドを使用して要素を削除します
splice() メソッドの使用に加えて、filter() メソッドを使用して配列から要素を削除することもできます。このメソッドを使用すると、特定の基準に一致する要素を含む新しい配列を作成できます。次のコードを使用して、配列内のすべての「バナナ」要素を削除できます。
let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(function(item) {
return item !== "banana"
});
console.log(myArray);
出力は次のようになります: ["apple", "orange", "grape"]
3. Pop() メソッドと SHIFT() メソッドを使用して要素を削除します
Pop() メソッドと SHIFT() メソッドを使用して、配列の最後の要素と最初の要素を削除できます。配列内の特定の要素を削除する場合は、これらのメソッドをindexOf()メソッドと組み合わせて使用できます。たとえば、次のコードは配列内の 2 番目の要素を削除します。
let myArray = ["apple", "banana", "orange", "grape"];
let index = myArray.indexOf("banana");
if (index !== -1) {
myArray.splice(index, 1);
}
console.log(myArray);
出力は次のようになります: ["apple", "orange", "grape"]
4.slice()メソッドを使用して要素を削除します
lice() メソッドは、元の配列を変更しない純粋な関数ですが、先頭から末尾までの要素 (末尾は含まれません) を含む新しい配列を返します。次のコードを使用して、配列の 2 番目の要素を削除できます。
let myArray = ["apple", "banana", "orange", "grape"];
let newArray = myArray.slice(0, 1).concat(myArray.slice(2));
console.log(newArray);
出力は次のようになります: ["apple", "orange", "grape"]
5. ES6 の filter() メソッドを使用して要素を削除します
ES6 の filter() メソッドを使用して、配列内の要素を削除することもできます。次のコードを使用して、配列内のすべての「バナナ」要素を削除できます。
let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(item => item !== "banana");
console.log(myArray);
出力は次のようになります: ["apple", "orange", "grape"]
要約する
上記は、JavaScript が配列内の指定された要素を削除する複数の方法です。必要に応じて、配列内の要素を削除するための適切な方法を選択できます。この記事が JavaScript での配列操作をよりよく理解するのに役立つことを願っています。