JavaScript | 配列の先頭や末尾に値を追加する方法

2020-06-102023-02-15JavaScript 配列,JavaScript

JavaScriptのpush()、unshift()で配列の先頭と末尾にデータを追加する方法の紹介です。

push()で配列の末尾に値を追加する

Array.push()は引数に追加する値を指定することで、配列の末尾に新しくデータを追加します。
Array.push()は指定した配列を直接変更します。
また、返り値は追加後のデータ数となっており、追加した配列が返ってくるわけではないことに注意します。

配列.push(追加する値)

let array = ['HTML',' CSS', 'PHP'];

// 配列の末尾に値を追加する
array.push('JavaScript');

// ["HTML", "CSS", "PHP", "JavaScript"]

※サンプルでは配列をHTML上に見やすく表示する為に、jsonに変換して出力しています。

unshift()で配列の先頭に値を追加する

unshift()は引数に追加する値を指定することで、配列の先頭に新しくデータを追加します。
unshift()は指定した配列を直接変更します。
また、返り値は追加後のデータ数となっており、追加した配列が返ってくるわけではないことに注意します。

配列.unshift(追加する値)

let array = ['HTML', 'CSS',' PHP'];

// 配列の先頭に値を追加する
array.unshift('JavaScript');

// [ "JavaScript", "HTML", "CSS", "PHP"]

※サンプルでは配列をHTML上に見やすく表示する為に、jsonに変換して出力しています。