Arrays und Objekte sind komplexe Datentypen, die im Gegensatz zu ihren primitiven Gegenstücken mehrere Werte gleichzeitig speichern können.

Sie fragen sich vielleicht, warum man zwei komplexe Datentypen benötigen sollte, um diese Aufgabe zu erfüllen, und warum es nicht ausreicht, einen einzigen zu haben, um die Aufgabe zu erledigen. Abhängig von Ihren Bedingungen und Zielen ist es möglicherweise besser, ein „Objekt“ zu verwenden, um mehrere Werte über ein „Array“ zu speichern, und der Grund dafür ist ein Grund: die Lesbarkeit. Unter bestimmten Umständen ist es besser, ein Objekt anstelle eines Arrays auszuwählen und umgekehrt.

Objekte funktionieren besser für Objekte! Sie können Namen für ihre Vielzahl an Werten angeben und werden normalerweise zur Beschreibung der Eigenschaften eines einzelnen Elements verwendet. Arrays funktionieren besser für Listen, ihre Fähigkeit, ihre Werte zu beschreiben, ist eingeschränkt, und obwohl Arrays technisch gesehen Objekte sind, haben sie ihren einzigartigen Namen „Array“ erhalten, weil sie in ihrer Syntax und Art und Weise, in der sie mehrere Werte darstellen, einzigartig sind gespeichert oder abgerufen werden. Sie werden diese komplexen Datentypen bald genauso verstehen wie ich, wobei Objekte als dreidimensional und Arrays als zweidimensional betrachtet werden können.

-3D-Objekte und 2D-Arrays

//AN OBJECT
let person = {
voice: "soft",
age: "32"
};

//AN ARRAY
let groceryList = ['bananas', 'coconuts', 'grapes']

  -Above we have an example of an object doing what it does best, describing a 3 dimensional object in reality. Here we have the initialization of the variable 'animal' using the 'let' keyword to point to an object; which contains it's information within curly braces '{}'. Within the object are 'key: value' pairs. Keys are to the left of ':', and their values are to the right, with each pair separated by ','. As you can see with an object, we can give each value it holds a unique name to help describe and identify the value it points to. The age of the person is 32, and their voice is soft. You may notice that this format is easily readable and comes natural to understand, even someone who has no clue what coding is will likely be able to glance at those lines of code, and get a general understanding of what is going on. 

Darunter haben wir unsere schöne Auswahl der grundlegendsten Artikel für eine Einkaufsliste, und die gleiche natürliche Lesbarkeit ist zu finden. Beachten Sie, dass das Array durch die Klammern „[]“ gekennzeichnet ist.

Objekt- und Array-Zugriff:

console.log(dog.name) //returns "Fifo"
console.log(groceryList[0] //returns bananas

As mentioned earlier, objects are 3-dimensional, and arrays are 2-dimensional. The first way this becomes noticeable is when you try to access the values of an array or object. In a 2-dimensional plane, the surroundings are described with coordinates; a series of numbers that equate to the description of a particular location. This is how arrays behave, their coordinates are called indexes, and their particular location is a value. Like coordinates, indexes will always be numbers, and arrays cannot access their values in any other way unless you pass in a number next to it surrounded by brackets '[#]'. Even the brackets themselves move like a 2 dimensional object; up, down, left, right, there are no curves to help one describe the complexities of a 3-dimensional plane, then comes Objects. Objects access their values with their 'key'. Earlier, the "key: value" pair was '"voice: "soft"', thus we can reference the dogs name by typing "person.voice". Just like 3-dimensional objects in  our non-virtual reality, the properties of these objects are described with words, given names so-to-speak. The phenomenological conclusion we draw for what these properties are in relation to the object we experience, equates to the value we give to that word. 

PHILOSOPHIE UND VERSTEHEN VON OBJEKTEN: Wir können eine Textur als weich, einen Geruch als übel, ein Gefühl als schmerzhaft beschreiben, aber alle Konzepte basieren letztendlich auf zwei Worten, um sie zu beschreiben. Das Wort „weich“ allein kann bei der Beschreibung eines Objekts in der Realität falsch ausgelegt und schwer vorstellbar sein. Würde man nur sagen: „Person, die weich ist“, kann die daraus resultierende Schlussfolgerung je nach Konzept einer Person unterschiedlich sein. Der eine glaubt vielleicht, dass Sie sagen, „ein weicher Mensch“ sei freundlich und liebevoll, der andere könnte sagen, ein „weicher Mensch“ sei schwach und kraftlos. Wenn wir jedoch sagen würden: „Eine ‚Person‘ hat eine ‚Textur‘, die ‚weich‘ ist“, oder „eine ‚Person‘ hat eine ‚Stimme‘, die ‚weich‘ ist, würden wir letztendlich zu einer weniger unterschiedlichen Schlussfolgerung darüber kommen, was das ist ist, was wir beschreiben. Aus diesem Grund kann „ein ‚Objekt‘ einen ‚Schlüssel‘ hat, der ein ‚Wert‘ ist“ als dreidimensional sinnvoll sein.

Objekt- und Array-Manipulation

Objekte und Arrays können auf unterschiedliche Weise manipuliert werden. Auf Arrays wird über eine Indexnummer zugegriffen, während der Zugriff auf ihre Werte bei Objekten über einen sogenannten „Schlüssel“ erfolgt. Aufgrund der Tatsache, dass jede Taste benannt ist, ist die Navigation durch Objekte schwieriger als durch Arrays. Aus diesem Grund funktionieren Arrays besser mit nummerierten Listen und Objekte besser mit der Beschreibung von Eigenschaften eines einzelnen Elements.
Sie greifen auf Dinge in einem Objekt über seinen Schlüssel zu, und Arrays müssen seinen Index verwenden. Wir fügen Objekten mithilfe der Klammer- und Punktnotation Dinge hinzu. Für Arrays können wir die Klammernotation zusammen mit etwas namens „Methoden“ verwenden.
Die zum Entfernen UND Hinzufügen zu einem Array verwendeten Methoden sind .pop(), .push(), .shift(), .unshift(), .splice() und mehr. Die gewählte Methode hängt von der Situation ab.

//adding / removing values to arrays and objects

person.name = "Sam"; //adds key 'name' to person with value of "sam"
person["sign"] = "pisces" //adds key iykyk to a
array.push(tomato) //adds tomato to the end of array
array.unshift(cherries) //adds -1 to beginning
array.splice(1, 2, 'hello world') //starts at index 1, removes 2 indexes and inserts hello world at index 1.

// 5

array.pop() //removes last index
array.shift() //removes first index in array
delete animal.sign //removes key sign from animal
array.slice(1) //removes first element from a COPY of the array