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

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

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

var animals = ["Time", "Money", "Work"];

newキーワードを使った作成方法

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

var animals = new Array("Time", "Money", "Work");

Array コンストラクタの引数には、文字列や整数のリストを指定します。ただし、引数に単一の数値を指定した場合は注意が必要です。その場合、その数値は配列の要素ではなく「配列の初期長さ」として解釈されます。また、配列に許容される最大長は 4,294,967,295 です。

サンプルコード

それでは、JavaScriptで配列を作成し、並べ替えを行う具体的な例を見てみましょう。

<html>
  <head>
    <title>JavaScript Arrays</title>
  </head>
  <body>
    <script>
      var arr = new Array("Time","Money","Work");
      var sorted = arr.sort();
      document.write("Returned string is : " + sorted);
    </script>
  </body>
</html>

この例では、まず new Array() を使って3つの文字列を持つ配列を作成しています。次に sort() メソッドを呼び出すことで、配列の要素をアルファベット順に並べ替えています。

実行結果

Returned string is : Money,Time,Work

このように、配列リテラルでも Array コンストラクタでも同じ結果が得られますが、一般的にはシンプルで可読性の高い配列リテラル（[]）を使う方法が推奨されています。特に、単一の数値を渡した際の挙動の違いがあるため、new Array() を使う場合は意図しない動作にならないよう注意しましょう。

  1. JavaScriptでIDごとにオブジェクトの配列をグループ化する方法

    JavaScriptでオブジェクトの配列をidなどの特定のキーごとにグループ化したい場合、reduce()メソッドを使うと簡潔に実装できます。この記事では、どのプロパティにも対応できる汎用的なgroupBy関数を作成し、実際のサンプルコードとともにその仕組みを詳しく解説します。 reduce()によるグループ化の考え方 reduce()は、配列の各要素を順番に処理しながら、1つの累積値（ここではオブジェクト）を組み立てていくメソッドです。各要素からキーの値を取り出し、その値がまだ結果オブジェクトに存在しなければ新しい配列を作成して、そこへ要素を追加していくことでグループ化を実現します。 サ

  2. JavaScriptで多次元オブジェクトを作成する方法【サンプルコード付き】

    はじめに JavaScriptでは、オブジェクトのプロパティの値として別のオブジェクトを持たせることで、多次元（ネストされた）オブジェクトを作成できます。この構造を活用すると、氏名や学校情報、住所のように階層関係のあるデータを、直感的かつ整理された形で表現することが可能です。 サンプルコード 以下は、多次元JavaScriptオブジェクトを作成し、コンソールに表示するためのコード例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /