Was ist der Unterschied zwischen „{}“ und „[]” beim Deklarieren eines JavaScript-Arrays?

Was ist der Unterschied zwischen „{}“ und „[]” beim Deklarieren eines JavaScript-Arrays? Normalerweise erkläre ich gerne

var a=[];

Was bedeutet es, das Array als zu deklarieren? var a={}

Niemand scheint den Unterschied zwischen einem Array und einem Objekt zu erklären.

[] deklariert ein Array.

{} deklariert ein Objekt.

Ein Array hat alle Funktionen eines Objekts mit zusätzlichen Funktionen (Sie können sich ein Array wie eine Unterklasse eines Objekts vorstellen), wobei zusätzliche Methoden und Fähigkeiten in der Array-Unterklasse hinzugefügt werden. In der Tat, typeof [] === "object" um Ihnen weiter zu zeigen, dass ein Array ein Objekt ist.

Die zusätzlichen Funktionen bestehen aus einer Magie .length -Eigenschaft, die die Anzahl der Elemente im Array verfolgt, und eine ganze Reihe von Methoden zum Bearbeiten des Arrays, z .push(), .pop(), .slice(), .splice()etc… Sie können eine Liste von Array-Methoden sehen hier.

Ein Objekt gibt Ihnen die Möglichkeit, einen Eigenschaftsnamen mit einem Wert zu verknüpfen, wie in:

var x = {};
x.foo = 3;
x["whatever"] = 10;
console.log(x.foo);      // shows 3
console.log(x.whatever); // shows 10

Auf die Objekteigenschaften kann entweder über die zugegriffen werden x.foo Syntax oder über die Array-ähnliche Syntax x["foo"]. Der Vorteil der letztgenannten Syntax besteht darin, dass Sie wie eine Variable als Eigenschaftsnamen verwenden können x[myvar] und mit der letztgenannten Syntax können Sie Eigenschaftsnamen verwenden, die Zeichen enthalten, die Javascript in der nicht zulässt x.foo Syntax.

Ein Eigenschaftsname kann ein beliebiger Zeichenfolgenwert sein.

Ein Array ist ein Objekt, also hat es die gleichen Fähigkeiten wie ein Objekt plus eine Reihe zusätzlicher Funktionen zum Verwalten von bestellt, sequentiell Liste der nummerierten Indizes beginnend mit 0 und geht bis zu einer gewissen Länge. Arrays werden normalerweise für eine geordnete Liste von Elementen verwendet, auf die über einen numerischen Index zugegriffen wird. Und da das Array geordnet ist, gibt es viele nützliche Funktionen, um die Reihenfolge der Liste zu verwalten .sort() oder um Dinge zur Liste hinzuzufügen oder daraus zu entfernen.

Wenn Sie erklären

var a=[];

Sie deklarieren ein leeres Array.

Aber wenn Sie erklären

var a={};

Sie deklarieren ein Objekt.

Obwohl Array auch Objekt in Javascript ist, handelt es sich um numerische Schlüsselpaarwerte. Diese haben alle Funktionen von Objekten, haben aber einige Array-Methoden wie Push, Splice, Length und so weiter hinzugefügt.

Wenn Sie also einige Werte möchten, bei denen Sie numerische Tasten verwenden müssen, verwenden Sie Array. Sonst Objekt verwenden. Sie können Objekte erstellen wie:

var a={name:"abc",age:"14"}; 

Und kann auf Werte wie zugreifen

console.log(a.name);

var a = [];

Es wird für Klammern für ein Array einfacher Werte verwendet. z.B.

var name=["a","b","c"]

var a={}

wird auch für Wertarrays und Objekte/Eigenschaften verwendet. z.B.

var programmer = { 'name':'special', 'url':'www.google.com'}

Es kann so verstanden werden:

var a= []; //creates a new empty array
var a= {}; //creates a new empty object

Das kann man auch nachvollziehen

var a = {}; ist äquivalent zu var a= new Object();

Notiz:

Sie können Arrays verwenden, wenn Sie sich um die Reihenfolge der Elemente kümmern (gleichen Typs) in Ihrer Sammlung, ansonsten können Sie Objekte verwenden. Bei Objekten ist die Reihenfolge nicht gewährleistet.

das sind zwei verschiedene dinge..

[] deklariert ein Array:
gegeben, eine Liste von Elementen, die durch einen numerischen Index gehalten werden.

{} deklariert ein neues Objekt:
gegeben, ein Objekt mit Feldern mit Namen und Typ+Wert,
manche stellen es sich gerne als “Assoziatives Array” vor. sind aber in ihrer Darstellung keine Arrays.

Sie können mehr lesen @ Dieser Artikel

Syntax von JSON

Objekt = {} | { Mitglieder }

• Mitglieder = Paar | Paar, Mitglieder
• Paar = Zeichenkette: Wert

Array = [] | [ elements ]

• Elemente = Wert | Wertelemente

Wert = Zeichenfolge|Zahl|Objekt|Array|Wahr|Falsch|Null

In JavaScript sind Arrays und Objekte eigentlich sehr ähnlich, obwohl sie äußerlich etwas anders aussehen können.

Für ein Array:

var array = [];
array[0] = "hello";
array[1] = 5498;
array[536] = new Date();

Wie Sie sehen, können Arrays in JavaScript spärlich sein (gültige Indizes müssen nicht fortlaufend sein) und sie können enthalten irgendein Art der Variablen! Das ist ziemlich bequem.

Aber wie wir alle wissen, ist JavaScript seltsam, also hier sind einige seltsame Teile:

array["0"] === "hello"; // This is true
array["hi"]; // undefined
array["hi"] = "weird"; // works but does not save any data to array
array["hi"]; // still undefined!

Dies liegt daran, dass alles in JavaScript ein Objekt ist (weshalb Sie auch ein Array mit erstellen können new Array()). Infolgedessen wird jeder Index in einem Array in eine Zeichenfolge umgewandelt und dann in einem Objekt gespeichert. Ein Array ist also nur ein Objekt, das niemandem erlaubt, etwas mit einem Schlüssel zu speichern, der keine positive Ganzzahl ist.

Was sind also Objekte?

Objekte in JavaScript sind wie Arrays, aber der “Index” kann eine beliebige Zeichenfolge sein.

var object = {};
object[0] = "hello"; // OK
object["hi"] = "not weird"; // OK

Sie können sich sogar dafür entscheiden, die eckigen Klammern nicht zu verwenden, wenn Sie mit Objekten arbeiten!

console.log(object.hi); // Prints 'not weird'
object.hi = "overwriting 'not weird'";

Sie können sogar noch weiter gehen und Objekte wie folgt definieren:

var newObject = {
    a: 2,
};
newObject.a === 2; // true