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

JavaScriptで配列を作成する方法をわかりやすく解説

JavaScriptで配列を作成するのはとても簡単です。最も基本的な方法は、配列リテラル（角括弧 []）を使って値を代入する方法です。

var animals = ["Dog", "Cat", "Tiger"];

newキーワードを使って配列を作成する

もうひとつの方法として、newキーワードとArrayコンストラクタを使って配列を作成することもできます。

var animals = new Array("Dog", "Cat", "Tiger");

Arrayコンストラクタの引数に注意

Arrayコンストラクタの引数には、文字列や整数のリストを指定します。ただし、数値を1つだけ指定した場合、その数値は配列の要素ではなく「配列の初期の長さ」として解釈される点に注意が必要です。たとえば new Array(3) と書くと、要素が3つある空の配列が生成されます。

また、配列に設定できる最大の長さは4,294,967,295です。これを超えるサイズの配列を作成しようとするとエラーが発生します。

サンプルコード

ここでは、JavaScriptで配列を作成し、sort()メソッドを使って要素を並べ替える例を紹介します。

<html>
    <head>
        <title>JavaScript Arrays</title>
    </head>

    <body>
        <script>
            var arr = new Array("Dog","Cat","Tiger");
            var sorted = arr.sort();
            document.write("Returned string is : " + sorted );
        </script>
    </body>
</html>

このコードを実行すると、配列内の要素がアルファベット順に並べ替えられ、ブラウザ上には次のように表示されます。

Returned string is : Cat,Dog,Tiger

このように、配列リテラルでもArrayコンストラクタでも同じように配列を作成できますが、一般的にはシンプルで可読性の高い配列リテラル（[]）を使う方法が推奨されています。

  1. JavaScriptで配列をreduceする方法｜reduce()メソッドで配列要素を合計する

    JavaScriptのreduce()メソッドは、配列の各要素を先頭から順に処理し、その結果を1つの値にまとめる（畳み込む）ための配列メソッドです。数値の合計を求めるだけでなく、配列からオブジェクトを組み立てたり、条件に応じてデータを集約したりと、幅広い場面で活用されています。reduce()メソッドの基本構文 { return 戻り値; }, 初期値);accumulator（アキュムレータ）：直前のコールバック関数が返した値（累積値）。最初のループでは初期値、または配列の第1要素が代入されます。currentValue：現在処理している配列の要素。初期値：累積値の出発点となる値。省略し

  2. JavaScriptでオブジェクトを含む「配列の配列」をループ処理する方法

    JavaScriptでオブジェクトを含む多次元配列をループするには？JavaScriptでは、オブジェクトを含む配列の配列（入れ子構造の配列）をループ処理する際、forEach()メソッドをネストして使用し、さらにfor...inループで各オブジェクトのプロパティにアクセスするのが一般的な方法です。以下に、具体的な実装例を紹介します。コード例<!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device