配列から要素を削除するには?


序章



この投稿では、配列から要素を削除するために使用できる複数の方法について説明します.これを実現するために使用できる方法がいくつかあります.いくつかはスプライス、スライス、フィルターなどで、要件に応じて異なる方法を使用して配列から要素を削除します.

始めましょう.

配列 splice() の使用


splice() は、要素の追加、要素の削除、任意の位置の現在の要素の置換など、配列で多くのことを行うために使用できますが、この例では、 splice() を使用して配列から要素を削除する方法を確認します.

const numbers = [1, 2, 3, 4, 5];
numbers.splice(1,1);
console.log(numbers) // [1, 3, 4, 5];

const deletedElement = numbers.splice(0,1);
console.log(deletedElement ) // [1];


説明



この例で何が起こっているのかを段階的に見てみましょう.したがって、基本的に splice() は、配列から要素を削除するための 2 つの主要な引数を受け入れます.私たちの場合はそれらを削除します).

次に、基本的に開始位置から削除する要素の数を記述する 2 番目のオプションの引数があります.

配列 Filter() の使用



これは、配列から要素を削除する別の方法ですが、私の意見では、整数や文字などの配列のような非常に単純な配列がある場合、これは必要ありません.このフィルター メソッドは、通常、配列に対して複雑なフィルターを実行するために使用されます. 、とにかく、例でそれがどのように機能するかを見てみましょう.

const numbers = [1, 2, 3, 4, 5];
const modifiedArr = numbers.filter((el) => el !== 2);
console.log(modifiedArr); // [1, 3, 4, 5]


説明



これを理解してみましょう.filter() は引数としてコールバック関数を受け取ります.このコールバック関数は、フィルタが呼び出された配列内の各要素に対して実行されます.このコールバック関数は、true または false を返す配列内の各要素に対して条件を実行します. 、要素が新しい配列にプッシュされる true を返す場合、任意の要素に対して false を返す場合、その要素はスキップされ、新しい配列にプッシュされません.

配列 Slice() の使用



これは、これから説明する最後の方法です.この方法は主に、配列の一部を抽出して前後の要素を残したい場合に使用されます.これは、配列内の任意の位置から任意の要素を削除する典型的な方法ではありません.ですので、このメソッドがどのように機能するかを見て、重要な引数であることを理解しましょう.

const numbers = [1, 2, 3, 4, 5];
const modifiedArr = numbers.slice(1,4);
console.log(modifiedArr); // [2, 3, 4]


説明



上記の例でわかるように、このメソッドは非常に特殊なユース ケースに使用されるため、このメソッドが受け入れる 2 つの主要な引数があります.この例では、2 番目の要素を意味する '1' です.要素は 2 番目の引数まで取得されますが、slice() は 2 番目の引数として渡されたインデックスにその要素を含めません.

結論



この投稿では、配列から要素を削除するために使用できるさまざまな方法を見てきました.これらの各方法は、さまざまなユース ケースに従って使用されます.

詳細をご覧ください:

CRUD with DynamoDB, Nodejs and Serverless

DynamoDB VS MongoDB

What is AWS Artifact?

Javascript Math floor(), Math ceil() and Math round()