STUDY MEMO

学習のメモ書き

<JavaScript> 配列

配列

配列の宣言と要素の挿入。
要素は添字で呼び出せる。

let array = [1, 2, "str", {}];

console.log(array[0]);
console.log(array[1]);
console.log(array[2]);
console.log(array[3]);
$ node test.js
1
2
str
{}

配列の追加

後ろから追加するのは.push()メソッド、
前から追加するのは.unshift()メソッド

pushメソッドの場合

let array = [1, 2, "str", {}];
console.log(array);
array.push(3);
console.log(array);

実行結果

$ node test.js
[ 1, 2, 'str', {} ]
[ 1, 2, 'str', {}, 3 ]

unshiftメソッドの場合

let array = [1, 2, "str", {}];
console.log(array);
array.unshift(3);
console.log(array);

実行結果

$ node test.js
[ 1, 2, 'str', {} ]
[ 3, 1, 2, 'str', {} ]

要素を削除

後ろから追加するのは.pop()メソッド、
前から追加するのは.shift()メソッド

pop()メソッド

後ろの要素を削除

let array = [1, 2, "str", {}];
console.log(array);
array.pop();
console.log(array);

実行結果

$ node test.js
[ 1, 2, 'str', {} ]
[ 1, 2, 'str' ]

shift()メソッド

前の要素を削除

let array = [1, 2, "str", {}];
console.log(array);
array.shift();
console.log(array);

実行結果

$ node test.js
[ 1, 2, 'str', {} ]
[ 2, 'str', {} ]

配列の任意の値を変更

位置を指定して代入する。

let array = [1, 2, "str", {}];
console.log(array);
array[0] = 5;
console.log(array);

実行結果

$ node test.js
[ 1, 2, 'str', {} ]
[ 5, 2, 'str', {} ]

参考

Array.prototype.push() - JavaScript | MDN

Array.prototype.unshift() - JavaScript | MDN

Array.prototype.pop() - JavaScript | MDN

Array.prototype.shift() - JavaScript | MDN