この記事の対象
JavaScriptの配列の特徴を知り、ES6に触れたことがある人
Webエンジニアに転職して1ヶ月経ち、覚えたことをアウトプット
配列の先頭もしくは、最後に要素を追加、削除する
なんでもないフルーツの配列を用意してあげます。
const fruits = ["apple", "orange", "banana", "cherry"];
この配列に対して、push(配列の最後に要素を追加)、pop(配列の最後の要素を切り取る)、unshift(配列の最初に要素を追加)、shift(配列の最初の要素を切り取り)の4つの操作を行います。
push
配列の最後に要素を追加します。
fruits.push("grape");
console.log(fruits); // [ 'apple', 'orange', 'banana', 'cherry', 'grape' ]
pop
配列の最後の要素を切り取ります。
fruits.pop();
console.log(fruits); //[ 'apple', 'orange', 'banana', 'cherry' ]
unshift
配列の最初に要素を追加します。
fruits.unshift("lemon");
console.log(fruits); //
shift
配列の最初の要素を切り取ります。
fruits.shift();
console.log(fruits); // [ 'apple', 'orange', 'banana', 'cherry' ]