1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

javascriptの配列操作(for文で出力)

Last updated at Posted at 2019-10-27

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

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

var list = [1,2,3];

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}
for文出力
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]);
}

for文出力
"A"
1
2
3

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

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

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

for文出力
2
3

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

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

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}
for文出力
1
2
3
"A"

##pop()
配列の末尾の要素を削除できます。

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

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}
for文出力
1
2

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

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

for(var i=0; i < list.length; i++){
  console.log(list[i]);
}
for文出力
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]);
}

for文出力
2
3
1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?