Antes de empezar con el tutorial me gustaría que supieras un poco el concepto de que es una Array en JavaScript, un Array es una estructura que nos permite almacenar una serie de datos, es lo único que debes saber si apenas estás empezando en los Arrays.
PASO 1:Generamos una variable con la siguiente sintaxis:
letfrutas = ["naranja", "manzana", "pera", "mandarina"]
tip:Un array en JavaScript nos permite introducir varios tipos de datos (Strings, números, textos, etc.) sin ningún problema, esta es la magia de JavaScript.
Tip:para aplicar los métodos de manipulación debemos crear una nueva variable
METODO 1:“.push” Este método nos ayudará a introducir más elementos al final de nuestra Array, así:
let masFrutas = frutas.push("uvas")
Si llamamos a nuestra Array Frutas nos devolverá todos los valores más el valor “uvas” al final, así:
frutas
(5) ['naranja', 'manzana', 'pera', 'mandarina', 'Uvas']
0: "naranja"1: "manzana"2: "pera"3: "mandarina"4: "Uvas"length:5
!!Y LISTO¡¡
METODO 2:“.unshift” Este método nos ayudará a introducir más elementos al inicio de nuestra Array, así:
letnuevaLongitud = frutas.unshift("platano")
Si llamamos a nuestra Array frutas nos devolverá todos los valores más el valor “plátano” al inicio, así:
frutas
(6) ['platano', 'naranja', 'manzana', 'pera', 'mandarina', 'Uvas']
0: "platano"1: "naranja"2: "manzana"3: "pera"4: "mandarina"5: "Uvas"length:6
¡¡Y LISTO!!
METODO 3:“.pop” Este método nos ayudará a eliminar el último elemento de nuestra Array, así:
let borrarUltimo = frutas.pop("uvas") || let borrarUltimo = frutas.pop()
Si llamamos a nuestra Array frutas nos devolverá todos los valores menos el valor “uvas” al final, así:
(5) ['platano', 'naranja', 'manzana', 'pera', 'mandarina']
0: "platano"1: "naranja"2: "manzana"3: "pera"4: "mandarina"
length: 5
¡¡Y LISTO!!
METODO 4:“.shift” Este método nos ayudará a eliminar el primer elemento de nuestra Array, así:
letborarElPrimero = frutas.shift("platano") || letborarElPrimero = frutas.shift()
Si llamamos a nuestra Array frutas nos devolverá todos los valores menos el valor “plátano” al inicio, así:
(4) ['naranja', 'manzana', 'pera', 'mandarina']
0: "naranja"1: "manzana"2: "pera"3: "mandarina"
length: 4
¡¡Y LISTO!!
METODO 5:“.indexOf” Este método nos ayudará a saber la posición de un elemento en nuestra Array en caso de que tengamos una base de datos demasiado extensa, así:
letsaberPosicion = frutas.indexOf("pera")
Si llamamos a nuestra variable nos devolverá la posición del elemento “pera”, así:
saberPosicion2
Recuerda que en el mundo de la programación siempre empezamos a contar desde 0.
Los métodos que acabamos de ver NO son los únicos, pero, si los más básicos, hay muchos más métodos.
Genial tutoria, papu.
Muy buena explicación, gracias!
Muchas gracias por tu aporte. Lo aprecio.