Javascriptの配列操作

javascriptの主要な配列操作をメモします。
for文を使ってconsole.logしてみます。

for文

数値の比較を条件式を使って、指定した範囲の回数だけ繰り返すように指定できる。

var list = [1,2,3];

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

1
2
3

unshift()

配列先頭の要素を追加します。この場合”A”を追加しています。

var list = [1,2,3];
var change = list.unshift("A")

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

"A"
1
2
3

shift()

配列の先頭の要素を削除する。
この場合[1,2,3]の１を削除している。

var list = [1,2,3];
list.shift();

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

2
3

push()

配列の末尾に要素を追加することができます。

var list = [1,2,3];
list.push("A");

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

1
2
3
"A"

pop()

配列の末尾の要素を削除できます。

var list = [1,2,3];
list.pop();

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

1
2

splice()

配列の任意の場所に要素を削除したり、追加したりできる。
splice(インデックス,削除する数,[,要素][,…]);
第一引数…配列に追加、削除したい要素のインデックスを指定
第二引数…配列から削除する要素の数を指定（０は要素削除しない）
第三引数…第三引数以降に配列に追加したい要素を指定

var list = [1,2,3];
list.splice(1,0,"A","B");

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}

1
"A"
"B"
2
3

slice()

slice();
第一引数で指定した要素から第二引数で指定した要素までを返す
slice(開始インデックス,[終了インデックス])

var list = [1,2,3];
var get = list.slice(1,3);

for(var i=0; i < get.length; i++){
  console.log(get[i]);
}

2
3