JavaScript

【JavaScriptメソッド】.shift()メソッドの使い方について簡単に解説!

JavaScript

 

今回はJavaScriptのメソッドである「.shift()メソッド」の使い方について簡単に解説したいと思います。似たようなメソッドとして「.splice()メソッド」もあるので、併せて覚えておきましょう。

.shift()メソッドとは

.shift()メソッドは、配列から最初の要素を削除してその要素を返すメソッドです。

よし
よし
「その要素を返す」っていうのがポイントだね。

 

.shift()メソッドの書き方は以下の通りで、もし配列の中身がなければ「undefined」を返すようになっています。

arr.shift()

.shift()メソッドの使い方

では実際に「.shift()メソッド」の使い方を見ていきましょう。

var vegetables = ["cabbage", "tomato", "carrot", "eggplant"];


console.log(vegetables);
// ["cabbage", "tomato", "carrot", "eggplant"]

// .shift()メソッドを使用
var shifted = vegetables.shift();

console.log(vegetables);
// ["tomato", "carrot", "eggplant"]
// 配列の最初の要素(cabbage)が削除されている

console.log(shifted);
// cabbage
// 削除された要素が表示される

まとめ

  • .shift()メソッドとは、配列から最初の要素を削除するメソッドである
  • 削除された要素を返す
  • 配列の中身がなければ「undefined」を返す

 

 

今回はJavaScriptのメソッドである「.shift()メソッド」の使い方について簡単に解説しました。配列を操作するメソッドはまだまだたくさんあるので、1つ1つ学習していきましょう。

↓JavaScript関連メソッド

JavaScript
【JavaScriptメソッド】.splice()メソッドの使い方について簡単に解説!JavaScriptのメソッドである「.splice()メソッド」の使い方について、簡単に解説しています。配列の内容を変更する際によく使われるメソッドで、似たようなメソッドには「pushメソッド」、「shiftメソッド」などがあります。...
JavaScript
【JavaScriptメソッド】配列に要素を追加する.push()メソッドの概要とその使い方JavaScriptのメソッドである「pushメソッド」の使い方について解説しています。配列に要素を追加するだけでなく、要素数を返す「.length()メソッド」のような機能もあるので、例題を用いながら理解を深めていきましょう。...