Los arrays son fundamentales en la programación, permitiendo a los desarrolladores almacenar múltiples valores dentro de una sola variable. A menudo, las variables adquieren un único valor, pero los arrays ofrecen la capacidad de mantener un conjunto de elementos, lo que los hace increíblemente útiles en diversas situaciones. Además, es esencial saber que los arrays son objetos en JavaScript.
¿Cómo se crea un array?
Existen varias formas de crear un array en JavaScript. Vamos a explorar dos métodos populares:
Usando new Array():
Este enfoque requiere el uso de la palabra clave new seguida de Array(). Aunque es menos común, verás este método en proyectos más antiguos.
¿Cómo se manejan arrays con diferentes tipos de datos?
Una de las características sobresalientes de los arrays es su capacidad para almacenar diversos tipos de datos. Puedes combinarlos para tener strings, números, booleanos, e incluso otros objetos dentro del mismo array.
Acceder a los elementos de un array se realiza mediante sus índices, comenzando desde cero. Por ejemplo, en el array fruits, fruits[0] devolvería 'apple'.
const firstFruit = fruits[0];console.log(firstFruit);// Output: apple
¿Cómo se analiza el tamaño de un array?
Para conocer cuántos elementos contiene un array, se utiliza la propiedad .length. Esta devuelve un número representando la cantidad total de elementos.
Los arrays son herramientas poderosas en el mundo de la programación, facilitando la organización y manipulación de datos de manera eficiente. Continuar explorando sus capacidades y combinaciones enriquecerá tus habilidades como desarrollador. ¡Sigue practicando y te convertirás en un maestro de los arrays!
Arrays: Propiedades, Acceso y Creación en Programación
algo que añadiría al curso es que las herramientas de js como los arrays en este caso los iría explicando a medida que surgiera la necesidad de usarlos, así queda claro para qué los usaría.
Cierto, os recomiendo usar ChatGPT para entender el uso práctico de cada cosa.
Un dato que quisiera dar a aquellas personas que se encuentran empezando en programación.
Es buena práctica que los arrays que creamos siempre almacenen el mismo tipo de datos. En otros lenguajes que tengan un tipado estricto, no habrá ningún problema. Sin embargo, para JavaScript es fundamental que tengan esto en cuenta, ya que es un lenguaje con un tipado débil.
Array()ynew Array(): Tienen un comportamiento especial cuando se les pasa un único número como argumento, creando un array vacío con la longitud especificada en lugar de un array con un solo elemento. Ambos métodos son prácticamente intercambiables.
[](Literal de Array): Es la forma más simple y directa de crear un array, sin el comportamiento especial de los otros dos métodos. Siempre crea un array con los elementos especificados, lo que lo hace más confiable en situaciones comunes.
Estoy tan acostumbrado a la forma literal [ ], que había olvidado que existía new Array , son de esas cosas que ves en clases y luego casi no las veo en la práctica.
Recuerden que este es un curso de fundamentos, es como para ir viendo como funciona el lenguaje. además, si siente que no entiende conceptos o se siente perdidos en algo, usen Chatgpt que le explique a detalle y que les ponga practica, o que les de diferentes ejemplos con casos de uso reales, sea para frontend o backend. La verdad en algún momento de mi vida me sentí perdido y sentía que esto no era para mi, pero después de volver a ver el curso, si sentí que lo que me faltaba es constancia y enfoque, si no, no vas a entender nada.
Existen tres formas de crear arrays en JavaScript:
Array(): Es un método de construcción que crea un nuevo array vacío. No es comúnmente utilizado, ya que su sintaxis no es tan concisa.
new Array(): Similar a Array(), crea un nuevo objeto de array. Puede recibir argumentos para definir el tamaño del array o elementos iniciales, pero es menos preferido debido a posibles confusiones con el tamaño.
[] (array literal): Esta es la forma más común y recomendada. Permite crear un array fácilmente y con mejor legibilidad. Por ejemplo: const fruits = ['apple', 'banana'].
La sintaxis de corchetes es la más sencilla y clara.
En esta clase se abordan los conceptos fundamentales de los arrays en JavaScript, sus propiedades como length y los principios de mutabilidad e inmutabilidad.
También se explica cómo comprobar que lo que tenemos en nuestro código es un array.
Definición de Array
Un array es una variable que puede almacenar múltiples valores.
Los arrays en JavaScript son objetos.
Permiten guardar diferentes tipos de datos (strings, números, booleanos, objetos, etc.) en una sola variable.
Creación de Arrays
Método 1: Usando la palabra clave new seguido de Array.let fruits = new Array('apple', 'banana', 'orange');
Método 2: Usando la sintaxis literal de array.let fruits = ['apple', 'banana', 'orange'];
Ejemplos de Código
Crear un array de frutas:let fruits = new Array('apple', 'banana', 'orange');
console.log(fruits); // ['apple', 'banana', 'orange']
Crear un array con números:let numbers = [2, 3, 4, 5];
console.log(numbers); // [2, 3, 4, 5]
Crear un array con la sintaxis literal:const oneNumber = [4];
console.log(oneNumber); // [4]
Crear un array vacío:const emptyArray = [];
console.log(emptyArray); // []
Crear un array de strings:const sports = ['soccer', 'tennis', 'rugby'];
console.log(sports); // ['soccer', 'tennis', 'rugby']
Acceder a un elemento específico usando su índice:let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits[0];
console.log(firstFruit); // 'apple'
Los índices de los arrays comienzan en 0. El primer elemento está en la posición 0, el segundo en la posición 1, y así sucesivamente.
Propiedad length
La propiedad length se usa para obtener el número de elementos en un array.let numberOfFruits = fruits.length;
console.log(numberOfFruits); // 3
En JavaScript, array() no es una sintaxis válida para crear arreglos. La forma correcta es usar [], que es la notación de corchetes para definir un array. Además, puedes crear un array usando el constructor new Array(), pero es menos común y no se recomienda en la mayoría de los casos.
Por ejemplo:
const fruits =['apple','banana','orange'];// Usando []const numbers =newArray(1,2,3);// Usando new Array
La forma más simple y recomendada es siempre usar [].
Sí, absolutamente. A diferencia de otros lenguajes de programación más estrictos donde una lista solo puede contener un tipo de dato (solo textos o solo números), JavaScript es sumamente flexible. Puedes imaginar un array como una mochila de viaje donde puedes meter una camiseta (un string), una botella de agua (un number), un candado (un boolean) e incluso otra mochila más pequeña (un object u otro array).
Esta flexibilidad es increíblemente útil en el desarrollo web real. Por ejemplo, al recibir información de una base de datos sobre un carrito de compras, podrías tener un array que contenga el nombre del producto, su precio, un valor de verdadero/falso indicando si hay stock, y un objeto con los detalles del envío. Todo conviviendo en perfecta armonía dentro de la misma estructura de datos.
Julieth, al crear un array con la sintaxis literal ([]), si agregas un solo dato, se crea un array con un único elemento. Cuando usas new Array(), new Array(5) crea un array vacío de 5 posiciones, mientras que new Array(5, 10) crea un array con los elementos 5 y 10. La diferencia está en cómo interpreta el constructor Array el único argumento numérico.
Saludos Juan. Suponiendo que te refieres a la forma de "crear" sería algo como:
Array(...params) o new Array(...params): es el constructor de la clase Array para JavaScript, es la instanciación a través del constructor para crear un dato de tipo array (clases y objetos).
const myArray = [...elements]: Como lo dicen es la creación literal, pasándole los elementos que quires contener en el array (Simila a haberlo instanciado con el constructor pasando los elementos o ninguno para vacíos)
Si quieres tener mayor profundidad en la documentación sugiero la documentación JavaScript de MDN (Mozilla Developer Network)
let arrayElementosVacios = [,] // 1 elemento vacio, la coma no divide dos elementos sino que crea uno antes o despues
let arrayElementosVacios = [,,] // 2 elementos vacios
let arrayElementosVacios = [,""] // 1 elemento vacio, 1 cadena de texto vacia
let arrayElementosVacios = [,1,] // 1 elemnto vacio en posicion 0 y en posicion 1 da el valor de 1, si no se mete un valor despues de la coma, este no anade ningun valor, esta en espera de valores.
Puedes pasar argumentos para definir el tamaño del arreglo o inicializarlo con elementos. Por ejemplo, new Array(3) crea un array vacío con una longitud de 3.
<!---->
Por ejemplo, Array(3) crea un array vacío de longitud 3, pero Array(1, 2, 3) crearía un array con los elementos 1, 2 y 3.
Estos fueron mis apuntes.
// Como crear un Array?// 1. new Array() or Array()const newArray =newArray('Manzana','Banano','Naranja',1,2,3);console.log(newArray);// [ 'Manzana', 'Banano', 'Naranja', 1, 2, 3 ]const array =Array('Uva','Pera','Sandia',4,5,6);console.log(array);// [ 'Uva', 'Pera', 'Sandia', 4, 5, 6 ]const arrayNumber =Array(12);console.log(arrayNumber);// [ <12 empty items> ] Cuidado con esta forma de crear Array's// 2. Syntax's literal de un Arrayconst arrayLiteral =['Limón','Durazno','Fresa',7,8,9];console.log(arrayLiteral);// [ 'Limón', 'Durazno', 'Fresa', 7, 8, 9 ]const newArrayNumber =[12];console.log(newArrayNumber);// [ 12 ] Aca no genera ningún errorconst arrayVacio =[];console.log(arrayVacio);// []// Los Arrays permiten guardar datos mixtosconst arrayMixto =['Manzana',1,true,null,undefined,{nombre:'Juan',edad:25},[1,2,3],{nombre:'Juan',funcion:function(mensaje){console.log(`Mi nombre es ${this.nombre}, ${mensaje}`);}//Mi nombre es Juan, Y estoy estudiando para ser un Front-End Developer}];const result = arrayMixto[7].funcion('Y estoy estudiando para ser un Front-End Developer');console.log(arrayMixto);/*[
'Manzana',
1,
true,
null,
undefined,
{ nombre: 'Juan', edad: 25 },
[ 1, 2, 3 ],
{ nombre: 'Juan', funcion: [Function: funcion] }
] */