JavaScriptの[]の意味は？

JavaScriptにおける`[]`の意味

JavaScriptにおいて、[]は空の配列オブジェクトを表します。配列は、順序付けられたデータの集合を格納するために使用されるデータ構造です。JavaScriptの配列は、数値だけでなく、文字列、オブジェクトなど、さまざまな型のデータを格納できます。

配列の宣言と初期化

[] を使用して、空の配列を宣言および初期化できます。

let myArray = []; // 空の配列を宣言し、myArrayに代入

このコードは、myArrayという名前の空の配列を作成します。

配列の要素へのアクセス

配列の要素には、0から始まるインデックスを使用してアクセスできます。

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // "apple" を出力
console.log(fruits[1]); // "banana" を出力

配列のプロパティとメソッド

JavaScriptの配列には、配列を操作するための便利なプロパティとメソッドが用意されています。

プロパティ

length: 配列内の要素数を返します。

let colors = ["red", "green", "blue"];
console.log(colors.length); // 3 を出力

メソッド

メソッド	説明	例
`push()`	配列の末尾に要素を追加します。	`myArray.push("new element");`
`pop()`	配列の末尾から要素を削除します。	`myArray.pop();`
`unshift()`	配列の先頭に要素を追加します。	`myArray.unshift("new element");`
`shift()`	配列の先頭から要素を削除します。	`myArray.shift();`
`indexOf()`	指定された要素が最初に現れるインデックスを返します。	`myArray.indexOf("element");`

配列の使用例

以下は、ユーザーの名前を格納する配列を作成し、配列の要素をループ処理して表示する例です。

<!DOCTYPE html>
<html>
<head>
  <title>配列の使用例</title>
</head>
<body>
  <script>
    // ユーザーの名前を格納する配列を作成
    let usernames = ["太郎", "花子", "次郎"];

    // 配列の要素をループ処理して表示
    for (let i = 0; i < usernames.length; i++) {
      document.write("<p>ユーザー名: " + usernames[i] + "</p>");
    }
  </script>
</body>
</html>

参考資料

Q&A

Q1: [] と new Array() の違いは何ですか？: A1: [] と new Array() はどちらも配列を作成するために使用できますが、[] はリテラル表記であり、new Array() はコンストラクタ関数を使用しています。パフォーマンスの面では、[] の方がわずかに高速です。
Q2: 配列の長さはどのように変更できますか？: A2: 配列の長さは、length プロパティに新しい値を代入することで変更できます。

let myArray = [1, 2, 3];
myArray.length = 5; // 配列の長さを5に変更
console.log(myArray); // [1, 2, 3, undefined, undefined]

Q3: 配列から特定の要素を削除するにはどうすればよいですか？: A3: splice() メソッドを使用して、配列から特定の要素を削除できます。

let myArray = [1, 2, 3, 4, 5];
myArray.splice(2, 1); // インデックス2の要素を1つ削除
console.log(myArray); // [1, 2, 4, 5]

その他の参考記事:JavaScript 配列