JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで配列の最初と最後の要素を取得する方法

JavaScriptの配列は0から始まるインデックス（ゼロベース）で管理されています。つまり、最初の要素はインデックス「0」の位置にあり、最後の要素は「配列の長さ（length） − 1」の位置に存在します。

そのため、最初と最後の要素には以下のようにアクセスできます。

コード例

arr[0] // 最初の要素
arr[arr.length - 1] // 最後の要素

// 実際の使用例
let arr = [1, 'test', {}, 'hello'];
console.log(arr[0]);
console.log(arr[arr.length - 1]);

実行結果

1
hello

補足：より簡潔に書く方法

ES2022以降では、at()メソッドを使うことで、負のインデックスを指定して最後の要素をより直感的に取得することもできます。

let arr = [1, 'test', {}, 'hello'];
console.log(arr.at(0));  // 最初の要素 → 1
console.log(arr.at(-1)); // 最後の要素 → 'hello'

この方法を使えば、arr.length - 1と書く必要がなく、コードの可読性が向上します。

  1. JavaScriptで親要素の子要素を取得する方法【サンプルコード付き】

    JavaScriptでは、親要素が持つchildrenプロパティを参照することで、その直下にある子要素をまとめて取得できます。本記事では、実際に動作するサンプルコードを使いながら、具体的な手順をわかりやすく解説します。 サンプルコード 以下は、JavaScriptを使って親要素（parent1）の子要素を取得し、ボタンのクリックで一括表示させる例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta nam

  2. lengthプロパティを使わずにノードリストから最後の要素を取得する方法【jQueryの:lastセレクタ】

    JavaScriptでノードリストやDOM要素のコレクションから最後のアイテムを取得する場合、一般的には length プロパティで要素数を調べてインデックスを指定します。しかし、jQueryの :last セレクタを使えば、要素数を意識することなく、よりシンプルに最後の要素を取得できます。 サンプルとなるテーブル ここでは、次のようなHTMLテーブルを例に説明します。 <table id=demo border=1> <tr> <td>John</td> </tr> <tr> <td>David</td