Arrays
Contenido del curso
Arrays
Contenido del curso
Los arrays en JavaScript son un tipo de objeto que permite almacenar una colección de valores. Estos valores pueden ser de cualquier tipo, como números, cadenas, objetos, incluso otros arrays. Los arrays son muy útiles para almacenar y manejar datos en una sola estructura.
La sintaxis para crear un array en JavaScript es la siguiente:
let miArray = [valor1, valor2, valor3];
Por ejemplo, el siguiente código crea un array llamado "colores" que contiene tres valores: "rojo", "azul" y "verde":
let colores = ["rojo", "azul", "verde"];
Los arrays tienen un índice numérico que comienza en 0. Por lo tanto, el primer elemento del array tiene el índice 0, el segundo tiene el índice 1, y así sucesivamente. Por ejemplo, para acceder al primer elemento del array "colores", se utilizaría la sintaxis colores[0].
Uno de los métodos más populares en los arrays de JavaScript es "push()". Este método permite agregar un nuevo elemento al final del array. Por ejemplo:
colores.push("amarillo"); console.log(colores); // ["rojo", "azul", "verde", "amarillo"]
Otro método popular es "pop()", que permite eliminar el último elemento del array. Por ejemplo:
colores.pop(); console.log(colores); // ["rojo", "azul", "verde"]
El método "map()" permite aplicar una función a cada elemento del array y devolver un nuevo array con los valores modificados. Por ejemplo:
const numeros = [1, 2, 3, 4, 5]; const cuadrados = numeros.map(function(numero) { return numero * numero; }); console.log(cuadrados); // [1, 4, 9, 16, 25]
El método "reduce()" permite combinar todos los elementos del array en un solo valor. Por ejemplo:
const suma = numeros.reduce(function(acumulador, numero) { return acumulador + numero; }, 0); console.log(suma); // 15
Existen muchos otros métodos populares en los arrays de JavaScript, como "filter()", "sort()" y "slice()", por los cuales no te debes preocupar por ahora, más adelante tendrás una sección completa acerca de estos métodos.
Todo esto y más lo puedes aprender en el Curso Básico de JavaScript
🎓💻🌟 ¡Ánimo!💪🏼👨🏻💻👩🏻💻💫 El camino del aprendizaje en Javascript puede ser desafiante, pero cada día estás más cerca de dominarlo. ¡Sigue adelante!🚀👍🏼🌈
Los arrays son una colección de elementos ordenados que pueden ser de cualquier tipo de datos, como number, string, boolean o incluso object. Además, JavaScript tiene una gran cantidad de métodos para manipular y trabajar con estos arrays. Aquí les presento algunos datos interesantes y curiosos sobre los arrays y sus métodos:
.
object, pero para saber si una variable es un array o no, en ECMAScript 5 se definió un nuevo método: Array.isArray(variableName), este metodo nos retorna true o false dependiendo de la variable a evaluar.
..map() crea un nuevo array con los resultados de la aplicación de una función a cada uno de los elementos del array original.
..filter() crea un nuevo array con todos los elementos que cumplan una condición determinada.
..reduce() reduce un array a un solo valor aplicando una función a cada elemento del array.
..slice() devuelve una copia de una parte del array original.
..indexOf() devuelve el índice de la primera ocurrencia de un elemento en el array, o -1 si no se encuentra.
..join() une todos los elementos de un array en una string.Excelente aporte! También los Array cuentan con un método muy útil que es el .forEach el cual ejecuta una función dada por cada elemento dentro del Array.
Ejemplo:
const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // Expected output: "a" // Expected output: "b" // Expected output: "c"
En el método reduce(), el segundo argumento es el valor inicial del acumulador (en este caso es 0).
const suma = numeros.reduce(function(acumulador, numero) { return acumulador + numero; }, 0); console.log(suma); // 15
function reduce
const suma = numeros.reduce(function(acumulador, numero) { return acumulador + numero; }, 0);
el 0 indica a la function que es el punto inicial.
estaba por preguntar que era el 0, buen aporte 🙌
Espero que mi aporte les oriente un poquito mas :)
El método .map() yo lo entendí como que hace una “transformación” a cada elemento el array.
esta parte los conceptos los entendi. pero como funciona no. lo realice por descarte pero no estoy seguro si estoy analizando de manera correcta. ejemplo const numeros //nombre el array = [1, 2, 3, 4, 5]; const cuadrados = //nombre del nuevo array numeros.map(function(numero) { function(numero) // no entediendo return numero * numero; // multiplica cada elemento del array por si mismo. }); console.log(cuadrados); // [1, 4, 9, 16, 25] //nuestra resultado
el reduce simplemente no lo entendi.
¡Hola @jamb!
Te explico un poco más a fondo como funciona el método map.
Básicamente lo que hace es recorrer una instrucción dada por cada elemento del array para al final devolver un nuevo array con los cambios hechos
Tomando el ejemplo anterior
// El método map recibe una función anónima (una función sin nombre) // Por eso el "function(numero)" donde numero es el elemento por el cual se está iterando numeros.map(function(numero) { // La instrucción que haremos sobre cada número será que devuelva el cuadrado return numero * numero; });
Espero que con esto te pueda quedar más claro :D
16/80 Arrays Los arrays en JavaScript son una estructura de datos que permiten almacenar y manipular una colección de valores de cualquier tipo. Los arrays tienen un índice numérico que comienza en 0 y se pueden crear utilizando la sintaxis let miArray = [valor1, valor2, valor3].
Ej: Creación de un array y acceso a sus elementos
let frutas = ["manzana", "naranja", "banana", "mango"]; console.log(frutas[0]); // "manzana" console.log(frutas[2]); // "banana"
Ej: Agregar y eliminar elementos del array
let numeros = [1, 2, 3, 4, 5]; numeros.push(6); console.log(numeros); // [1, 2, 3, 4, 5, 6] numeros.pop(); console.log(numeros); // [1, 2, 3, 4, 5]
Ej: Aplicar una función a cada elemento del array utilizando el método “map()”
let temperaturas = [12, 20, 15, 18, 23]; let fahrenheit = temperaturas.map(function(temperatura) { return temperatura * 1.8 + 32; }); console.log(fahrenheit); // [53, 6, 68, 59, 64, 4, 73.4]
Ej: Combinar todos los elementos del array en un solo valor utilizando el método “reduce()”
let numeros = [1, 2, 3, 4, 5]; let suma = numeros.reduce(function(acumulador, numero) { return acumulador + numero; }, 0); console.log(suma); // 15