配列のメソッド1

配列のメソッドをいくつか紹介します。

push・・・末尾に追加

pop・・・末尾を取り除く

shift・・・先頭を取り除く

unshift・・・先頭に追加

・push・・・push メソッドを使うと配列の最後に 1 つまたは複数の要素を追加できます。

配列名.push(値1[, 値2, ...]);

サンプルを書いてみます。

映画好きな人のLINEグループがあったとします。

let movieLine = ['yamada', 'tanaka'];

//2人追加したい場合

movieLine.push('suzuki', 'sato');

console.log(movieLine);

// ['yamada', 'tanaka','suzuki', 'sato']

 上記のようになり、配列の最後に 2 つの要素が追加されます。

・pop・・・ pop メソッドを使うと配列の最後の要素を削除できます。

配列名.pop();

上記のサンプルから一人取り除きます。

let movieLine = ['yamada', 'tanaka','suzuki', 'sato'];

movieLine.pop();

console.log(movieLine);

// ['yamada', 'tanaka','suzuki']

・shift・・・shift メソッドを使うと配列の先頭の要素を削除できます。

配列名.shift();

サンプルから先頭の人を取り除きます。

let movieLine = ['yamada', 'tanaka','suzuki', 'sato'];

movieLine.shift();

console.log(movieLine);

// ['tanaka','suzuki','sato']

・unshift・・・ unshift メソッドを使うと配列の先頭に 1 つまたは複数の要素を追加できます。

配列名.unshift(値1[, 値2, ...]);

let movieLine = ['tanaka','suzuki','sato'];

movieLine.unshift('kato','yamamoto');

console.log(movieLine);

// ['kato','yamamoto','tanaka','suzuki','sato']

配列のMDNも参考にしてみて下さい。

developer.mozilla.org

今回は配列に要素を追加や削除についての解説でした。