▲TOPへ戻る

【javascript】 配列を削除、追加するarray.splice()メソッドについて

array

第一引数 追加・削除する位置

array.splice(第一引数, 第二引数, 第三引数)

第一引数 : 追加・削除する位置(配列の要素数より大きい値を指定すると配列の末尾となる。負の数値を指定すると配列の末尾から引いた位置となる)

第一引数が 0 以上、配列の要素数以内の数

  let number = [0, 1, 2];
  let remove = number.splice(0)   //  配列内のすべてが削除される
  // number = []
  // remove = [0, 1, 2] 
  let number = [0, 1, 2];
  let remove = number.splice(1)
  // number = [0]
  // remove = [1, 2] 
  let number = [0, 1, 2];
  let remove = number.splice(2)
  // number = [0, 1]
  // remove = [2] 
  let number = [0, 1, 2];
  let remove = number.splice(3)
  // number = [0, 1, 2]
  // remove = []  
  //  配列の要素数以上の数を入力しても削除されない

第一引数が負の時

  let number = [0, 1, 2];
  let remove = number.splice(-1)  //  splice(2)と同じ
  // number = [0, 1]
  // remove = [2] 
  let number = [0, 1, 2];
  let remove = number.splice(-2)  //  splice(1)と同じ
  // number = [0]
  // remove = [1, 2] 
  let number = [0, 1, 2];
  let remove = number.splice(-3)  //  splice(0)と同じ
  // number = []
  // remove = [0, 1, 2]  

第二引数 削除する要素の数

array.splice(第一引数, 第二引数, 第三引数)

第二引数 : 削除する要素の数を指定する。

   let number1 = [0, 1, 2, 3, 4, 5];
  let remove1 = number1.splice(1, 2)  //  1番目から2つ削除
  // number = [0, 3, 4, 5]
  // remove = [1, 2]  

第三引数以降 追加する要素

array.splice(第一引数, 第二引数, 第三引数)

第三引数 : 追加する要素を指定する。複数指定できる。

   let number1 = [0, 1, 2, 3];
  let remove1 = number1.splice(0, 0, -1)  //  0番目から0個削除し、-1を追加
  // number = [-1, 0, 1, 2, 3]
  // remove = []  
   let number1 = [0, 1, 2, 3];
  let remove1 = number1.splice(1, 0, 1.5)  //  1番目から0個削除し、1.5を追加
  // number = [0, 1, 1.5, 2, 3]
  // remove = []  
   let number1 = [0, 1, 2, 3];
  let remove1 = number1.splice(4, 0, 4, 5)  //  4番目から0個削除し、4, 5を追加
  // number = [0, 1, 2, 3, 4, 5]
  // remove = []  

参考

js
【javascript】配列からひとつづつ表示し、表示されたものは配列から削除していく方法。
point

splice(第一引数, 第二引数, 第三引数) : 配列の要素の削除と追加

第一引数 : 追加・削除する位置

第二引数 : 削除する要素の数

第三引数 : 追加する要素

こんな記事も読まれています。

profile

パソコン好きなガオ

コロナ禍によるステイホームを機にプログラミングを学ぶ。パソコンに関してはプロではないが、ちょっと詳しい程度。

パソコン

javascript

カメラ

ブログ