Les tableaux et les objets sont des types de données complexes qui, contrairement à leurs homologues primitifs, sont capables de contenir plusieurs valeurs à la fois.

Vous vous demandez peut-être pourquoi on devrait avoir besoin de 2 types de données complexes pour accomplir cette tâche, et pourquoi en avoir un ne suffit pas pour faire le travail. En fonction de vos conditions et de vos objectifs, vous feriez peut-être mieux de choisir d'utiliser un « Objet » pour contenir plusieurs valeurs sur un « Tableau », et le raisonnement derrière cela se résume à une seule raison : la lisibilité. Il existe des circonstances dans lesquelles il est préférable de choisir un objet plutôt qu'un tableau, et vice versa.

Les objets fonctionnent mieux pour, vous l'aurez deviné, les objets ! Ils sont capables de fournir des noms pour leur multitude de valeurs et sont généralement utilisés pour décrire les propriétés associées à un seul élément. Les tableaux fonctionnent mieux pour les listes, leur capacité à décrire leurs valeurs est limitée et, bien que les tableaux soient techniquement des objets, ils ont gagné leur nom unique de tableau en raison de leur caractère unique dans leur syntaxe et la manière dont leurs multiples valeurs. sont stockés ou consultés. Vous comprendrez bientôt ces types de données complexes comme moi, où les objets peuvent être conçus en 3 dimensions et les tableaux peuvent être considérés comme en 2 dimensions.

-Objets 3D et tableaux 2D

//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. 

En dessous, nous avons notre belle gamme d'articles les plus essentiels pour une liste d'épicerie, et la même lisibilité naturelle peut être trouvée. Notez que le tableau est indiqué par des crochets "[]".

Accès aux objets et aux tableaux :

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 ET ​​COMPRENDRE LES OBJETS : On peut décrire une texture comme douce, une odeur comme nauséabonde, une émotion comme douloureuse, mais tous les concepts reposent finalement sur deux mots pour décrire. Le mot « doux » seul peut être mal interprété et difficile à concevoir lorsqu'il s'agit de décrire un objet dans la réalité. Si l'on disait simplement « « personne » qui est « douce » », la conclusion qui en résulterait pourrait être différente d'un concept à l'autre ; L'un peut croire que vous dites qu'une « personne douce » est gentille et aimante, l'autre peut dire qu'une « personne douce » est faible et faible. Pourtant, si nous disions « une « personne » a une « texture » qui est « douce » » ou « une « personne » a une « voix » qui est « douce », nous arriverions finalement à une conclusion moins divergente sur ce qu'elle est. C'est pourquoi "un 'objet' a une 'clé' qui est une 'valeur'" peut avoir un sens comme étant tridimensionnel.

Manipulation d'objets et de tableaux

Les objets et les tableaux peuvent être manipulés de différentes manières. Les tableaux sont accessibles par un numéro d'index, alors qu'avec les objets, leurs valeurs sont accessibles à l'aide de ce qu'on appelle une « clé ». Étant donné que chaque clé est nommée, il est plus difficile de naviguer dans les objets que dans les tableaux. C'est pourquoi les tableaux fonctionnent mieux avec les listes numérotées et les objets fonctionnent mieux avec la description des propriétés d'un seul élément.
Vous accédez aux éléments d'un objet en utilisant sa clé et les tableaux doivent utiliser son index. Nous ajoutons des éléments aux objets en utilisant la notation entre crochets et points. Pour les tableaux, nous pouvons utiliser la notation entre crochets avec quelque chose appelé « méthodes ».
Les méthodes utilisées pour supprimer ET ajouter à un tableau sont .pop(), .push(), .shift(), .unshift(), .splice(), etc. La méthode choisie dépendra de la situation.

//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