JavaScriptのオブジェクトと配列の違いは何ですか

Objectsは、一意のプロパティ名でキー付きコレクションを保存し、アレイは数値インデックスでアクセスされるリストを保存します。 2。オブジェクトは、キーと値のペアでcurlyブレース{}を使用しますが、配列はカンマ分離値を持つ正方形のブラケット[]を使用します。 3.オブジェクト値は、キーを使用してDOTまたはブラケット表記を介してアクセスされますが、配列要素はインデックス番号のブラケット表記を介してアクセスされます。 4。オブジェクトはプロパティの順序を保証するものではありませんが、アレイは数値インデックスを介して挿入順序を維持します。 5。オブジェクトは、Object.keys（）やObject.Values（）などの方法を使用し、配列はpush（）、pop（）、map（）、filter（）などのリスト固有のメソッドを提供します。 6.配列は特別なタイプのオブジェクトであるため、typeofは両方の「オブジェクト」を返しますが、配列.isarray（）は配列とプレーンオブジェクトを区別します。インデックスベースのアクセスとリスト操作を備えた順序付けられたデータには、指定されたプロパティと配列にオブジェクトを使用します。

JavaScriptでは、オブジェクトと配列の両方がデータを保存するために使用されますが、さまざまな目的を果たし、明確な特性を持っています。主な違いの内訳は次のとおりです。

1。目的とユースケース

• オブジェクト：各値が一意のキー（プロパティとも呼ばれます）に関連付けられているキー付きデータのコレクションを保存するために使用されます。オブジェクトは、複数の属性を持つ実際のエンティティを表すのに最適です。

  例：

  

   const person = {
    名前：「アリス」、
    年齢：30、
    市：「ニューヨーク」
  };

• 配列：注文された値のコレクションを保存するために使用されます。配列は、注文が重要なリストを維持し、その位置（インデックス）でアイテムにアクセスする必要がある場合に最適です。

  例：

  

   const colors = ["red"、 "green"、 "blue"];

2。構文と構造

• オブジェクト：Curly Braces {}を使用して定義されています。プロパティはkey: valueペア。

• 配列：四角い括弧を使用して定義されています[] 。値は順番にリストされ、コンマで区切られています。

3。データへのアクセス

• オブジェクト：プロパティ名でドット表記またはブラケット表記を使用したアクセス値。

   person.name; //「アリス」
  人物"]; // 30

• 配列：数値インデックスを使用したブラケット表記を使用したアクセス値（0から始まる）。

  色[0]; // "赤"
  色[1]; // "緑"

4。注文とインデックス

• オブジェクト：プロパティは特定の順序であることが保証されていません（実際には、最新のJavaScriptエンジンは、文字列キーの挿入順序を保持します）。キーは文字列またはシンボルです。

• 配列：常に注文します。各アイテムには、その位置に基づいて数値インデックスがあります。

5。組み込みメソッド

• オブジェクト： Object.keys() 、 Object.values() 、 Object.entries()などのメソッドがあり、プロパティで動作します。

• 配列： push() 、 pop() 、 map() 、 filter() 、 forEach()など、操作リストを操作するための多くの組み込みメソッドが付属しています。

  例：

   colors.push（ "yellow"）; //最後に追加します
  colors.map（c => C.touppercase（））;

6。タイプチェック

配列は別のタイプのように見えますが、実際にはJavaScriptの特別な種類のオブジェクトです。

このようなタイプを確認できます。

 typeof {}; // "物体"
typeof []; //「オブジェクト」 - まだオブジェクトです！

array.isarray（[]）; // 真実
array.isarray（{}）; // 間違い

したがって、 typeof両方の「オブジェクト」を返しますが、 Array.isArray()を使用して、何かが配列であるかどうかを確実に確認できます。

要するに：
名前のキー（フィールドやプロパティなど）が必要な場合は、オブジェクトを使用します。
数値インデックスとリスト固有の操作を備えた順序付けられたリストが必要な場合は、配列を使用します。

それらは両方とも不可欠であり、それぞれを使用するタイミングを理解することにより、コードがより明確になり、より効果的になります。

以上がJavaScriptのオブジェクトと配列の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。