Arrays

Clase 16 de 99 • 30 días de JavaScript

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

Brayan Estiben Rodallega Saavedra

student•

🎓💻🌟 ¡Ánimo!💪🏼👨🏻‍💻👩🏻‍💻💫 El camino del aprendizaje en Javascript puede ser desafiante, pero cada día estás más cerca de dominarlo. ¡Sigue adelante!🚀👍🏼🌈

Luis Castro

student•

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

Un array es un tipo especial de 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. .
El método .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. .
El método .filter() crea un nuevo array con todos los elementos que cumplan una condición determinada. .
El método .reduce() reduce un array a un solo valor aplicando una función a cada elemento del array. .
El método .slice() devuelve una copia de una parte del array original. .
El método .indexOf() devuelve el índice de la primera ocurrencia de un elemento en el array, o -1 si no se encuentra. .
El método .join() une todos los elementos de un array en una string.

Brian Gallardo

student•

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"

Harold Zurita Simon

student•

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

Bryan Ocampo garcia

student•

function reduce

const suma = numeros.reduce(function(acumulador, numero) { return acumulador + numero; }, 0);

el 0 indica a la function que es el punto inicial.

Lautaro Olivero

student•

estaba por preguntar que era el 0, buen aporte 🙌

Jeferson Mejicanos

student•

El método .map() yo lo entendí como que hace una “transformación” a cada elemento el array.

Ricardo Alfonso Chavez Vilcapoma

student•

Joan Alexander Valerio Rodríguez

student•

Espero que mi aporte les oriente un poquito mas :)

Jose Maldonado

student•

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.

Leonardo de los angeles Espinoza Hernandez

student•

¡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

Carlos Andrade

student•

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

// 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;
});

Arrays

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales

Playground - Congela el objeto recursivamente

Día 17

Prototipos en JavaScript

Playground - Modifica el prototype de los arrays

Playground - Crea un auto usando clases

Día 18

Abstracción en JavaScript

Playground - Sistema de carrito de compras

Encapsulamiento en JavaScript

Playground - Encapsula datos de los usuarios