JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのspliceメソッドで配列の特定位置から要素を削除する方法

配列の中から特定の位置にある要素を削除したい場面はよくあります。JavaScriptでは、spliceメソッドを使うことで、指定したインデックスから要素を簡単に取り除くことができます。

spliceメソッドの基本構文

spliceメソッドは、第1引数に削除を開始するインデックス番号、第2引数に削除する要素の個数を指定します。

配列.splice(開始インデックス, 削除する要素数);

使用例

次の例では、配列の先頭(インデックス0)から1つの要素を削除しています。

let veggies = ["Onion", "Raddish", "Broccoli"];
veggies.splice(0, 1); // インデックス0から1つの要素を削除
console.log(veggies);

このコードでは、インデックス0に格納されている「Onion」が配列から取り除かれます。

実行結果

コンソールには次のように出力されます。

["Raddish", "Broccoli"]

補足:spliceメソッドのポイント

  • spliceメソッドは元の配列を直接変更します。
  • 戻り値として、削除された要素を含む新しい配列が返されます。
  • 第3引数以降に値を渡すことで、削除と同時に新しい要素を挿入することも可能です。
  1. JavaScriptで配列から負の値だけを削除する方法(popメソッド活用)

    複数の値を含む配列 arr が与えられたとします。たとえば、次のような配列です。[-3, 5, 1, 3, 2, 10]ここでの課題は、配列に含まれる負の値をすべて取り除く関数を書くことです。関数の実行が完了した時点で、配列は正の数だけで構成されている必要があります。さらに重要な制約として、一時的な配列を新しく作成してはならないこと、そして要素の削除には pop() メソッドしか使えないことが挙げられます。アルゴリズムの考え方この問題は、次の2段階の処理で解決できます。末尾の負の値を先に除去するwhile ループで、配列の末尾に連続する負の値を pop() で取り除きます。こうすることで、以降

  2. 【JavaScript】配列から奇数回出現する要素を削除する方法を実装で解説

    JavaScriptで配列を操作していると、「同じ値が奇数回出現する場合に、その最後の出現だけを取り除きたい」という要件に出会うことがあります。本記事では、そのような処理をハッシュマップ(連想オブジェクト)を活用して効率的に実装する方法を解説します。問題の定義まず、次のような数値の配列を考えてみましょう。const arr = [1, 6, 3, 1, 3, 1, 6, 3];この配列に対して、奇数回出現する数値(ただし1回だけしか出現しない要素は除外)を見つけ出し、その最後の出現箇所を削除する関数を作成します。期待される結果上記の配列では、数値「1」と「3」がそれぞれ3回(奇数回)出現してい