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!
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.
Totalmente de acuerdo, queda uno con un monton de informacion en la cabeza, que uno no sabe donde se puede aplicar en un proyecto real.
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.
Depende tambien del uso real que le estes dando a esa estructura.
Se puede ver como limitacion o ventaja.
@JulioCardenasR muchas gracias por tomarme en cuenta y por responder el comentario. Tienes toda la razón y creo que es importante que lo resaltes. Mi comentario iba más enfocado a los primerizos, sin embargo, creo que lo generalicé y debí ser un poco más detallista. Reitero que quería dar un mensaje a aquellas personas que está empezando, no a todos. Gracias por tu apoyo 🫶
Soy la unica que le entiende mas al chico que a la chica? Creo que por mi forma de aprender, me gusta mas la forma de aprender de el.
Yo aprendo igual con ambos
Por eso digo, que es mi forma de aprender, a mi me gusta mas el metodo del chico de la chica, es una preferencia personal.
Hola, cual sería la diferencia que hay entre las tres formas de crear los arrays? Array() - new Array() - [ ] ??
Muchas gracias.
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.
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] }
] */
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.
Arrays en JavaScript
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
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.
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 [].
RESUMEN:
newArray('react','vue','angular')Array()
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.
Y que diferencia hay entre usar [ ] y ( ) ?
no lo explica, y veo que es exactamente el mismo uso.
Alguien que me pueda iluminar en este sentido, por favor?
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)
REFLEXION SO LOS VACIOS EN LOS ARRAY LITERALES
let arrayElementosVacios = [] // cero elementos
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.
para quienes se preguntan todavía qué pasó en las líneas 8 y 9 con el código
const justOneNumber = Array(12)
console.log(justOneNumber)
//[ <12 empty items> ]
esto ocurre porque realmente creó un array vacío de tamaño 12
La diferencia entre usar new Array() y los corchetes [] para crear un array en JavaScript radica principalmente en la sintaxis y la forma en que se manejan ciertos casos.
new Array(3) crea un array con 3 elementos vacíos, mientras que [] crea un array vacío.
Al usar new Array(1, 2, 3), obtienes un array con estos tres elementos, pero [] permite agregar elementos directamente.
Usar [] es más común y recomendado por su simplicidad y claridad. En general, se sugiere preferir la notación de corchetes para crear arrays en JavaScript.
