Las matrices y los objetos son tipos de datos complejos que, a diferencia de sus contrapartes primitivas, son capaces de contener múltiples valores a la vez.

Quizás se pregunte por qué uno debería necesitar dos tipos de datos complejos para realizar esta tarea y se pregunte por qué tener uno no es suficiente para realizar el trabajo. Dependiendo de sus condiciones y objetivos, es posible que sea mejor que elija utilizar un "Objeto" para contener múltiples valores en lugar de una "Matriz", y el razonamiento detrás de esto se reduce a una razón: la legibilidad. Hay circunstancias en las que será mejor elegir un objeto en lugar de una matriz, y viceversa.

¡Los objetos funcionan mejor, lo has adivinado, con objetos! Pueden proporcionar nombres para su multitud de valores y generalmente se usan para describir las propiedades que vienen con un solo elemento. Las matrices funcionan mejor para las listas, tienen una capacidad restringida para describir sus valores y, aunque técnicamente las matrices son objetos, se han ganado su nombre único de Array debido a lo únicos que son en su sintaxis y la forma en que sus múltiples valores. se almacenan o se accede a ellos. Pronto comprenderás como yo estos tipos de datos complejos, donde los objetos pueden concebirse como tridimensionales y las matrices pueden considerarse bidimensionales.

-Objetos 3D y matrices 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. 

Debajo de esto tenemos nuestra hermosa variedad de los artículos más esenciales para una lista de compras, y se puede encontrar la misma legibilidad natural. Observe que la matriz se indica entre corchetes "[]".

Acceso a objetos y matrices:

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. 

FILOSOFÍA Y ENTENDIMIENTO DE OBJETOS: Podemos describir una textura como suave, un olor como desagradable, una emoción como dolorosa, pero todos los conceptos, en última instancia, dependen de dos palabras para describir. La palabra "suave" por sí sola puede ser mal interpretada y difícil de concebir cuando se describe un objeto en la realidad. Si uno dijera simplemente "'persona' que es 'suave'", la conclusión resultante puede ser diferente de un concepto individual a otro; Uno puede creer que usted dice que "una persona blanda" es amable y cariñoso, el otro puede decir que una "persona blanda" es débil y débil. Sin embargo, si dijéramos que "una 'persona' tiene una 'textura' que es 'suave'", o "una 'persona' tiene una 'voz' que es 'suave'", en última instancia llegaríamos a una conclusión menos divergente sobre lo que significa es lo que describimos. Esta es la razón por la cual "un 'objeto' tiene una 'clave' que es un 'valor'" puede tener sentido como tridimensional.

Manipulación de objetos y matrices

Los objetos y matrices se pueden manipular de diferentes maneras. Se accede a las matrices mediante un número de índice, mientras que con los objetos, se accede a sus valores mediante algo llamado "clave". Debido al hecho de que cada clave tiene un nombre, es más difícil navegar a través de objetos que a través de matrices. Es por eso que las matrices funcionan mejor con listas numeradas y los objetos funcionan mejor al describir las propiedades de un solo elemento.
Accedes a cosas en un objeto usando su clave, y las matrices deben usar su índice. Agregamos cosas a los objetos usando notación entre corchetes y puntos; para matrices, podemos usar notación entre corchetes junto con algo llamado 'métodos'.
Los métodos utilizados para eliminar Y agregar a una matriz son .pop(), .push(), .shift(), .unshift(), .splice() y más. El método elegido dependerá de la situación.

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