JavaScript | 配列から最初の値を取得する方法

2021-07-17JavaScript 配列,JavaScript

JavaScriptで配列から最初の値を取得する方法を紹介しています。

添え字[0]を使う方法とArray.shift()メゾッドを使ったサンプルコードを紹介しています。

配列から最初の値を取得する

配列から最初の値を取得する簡単な方法として、単純に配列キーが0の値を取得する方法があります。

const fruits = ['apple', 'pine', 'banana']

let first_data = fruits[0]

console.log(first_data)
// apple

JavaScriptで配列から最後の値を取得するにはpop()メゾッドが利用できます。

const fruits = ['apple', 'pine', 'banana']

let first_data = fruits[0]

console.log(fruits)
// // ["pine", "banana"]

console.log(first_data)
// apple

shift()を配列から使って最初の値を取得する

Array.shift()メゾッドを使って配列から最初の値を取り除き、その値を取得する事が可能です。

shift()は、配列から最後の値を切り取り、取得した値を返り値として返します。

返り値とは別に配列そのものを変更をしますので注意が必要です。

const fruits = ['apple', 'pine', 'banana']

let first_data = fruits.shift()

console.log(fruits)
// ["pine", "banana"]

console.log(first_data);
// apple