Trabajando con Elementos de Arreglos
Ya sabes cómo crear arreglos, pero ¿qué harías si tu jefe te pide eliminar el primer o el último elemento del arreglo? ¿O tal vez agregar un elemento al arreglo? ¿Qué pasa si te asignan la tarea de encontrar la longitud del arreglo (el número de elementos en el arreglo)? Entonces dirías que no sabes cómo hacerlo, y podrías ser despedido 😩.
¡Pero no te preocupes! En este capítulo, te mostraré cómo hacerlo y revisaremos los métodos básicos para trabajar con arreglos.
Agregar elementos a un arreglo
Comencemos con lo más sencillo: ¿cómo agregamos un elemento a un arreglo?
Para esto, puedes usar el método push. Veamos un ejemplo:
123let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
Así, hemos agregado un elemento al arreglo numbers. También podemos agregar varios elementos a la vez usando el método push:
123let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
Eliminación del último elemento
Para eliminar discretamente el último elemento del arreglo, se puede utilizar el método pop(). Este método elimina el último elemento del arreglo y lo retorna.
A continuación, se muestra un ejemplo:
1234let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
Tenga en cuenta que devolver un valor significa asignarlo a otra variable. Por lo tanto, asignamos un valor a una variable utilizando un método de un array. Hablaremos sobre qué son los métodos, las funciones y sus diferencias en la siguiente sección.
Eliminación del primer elemento
El método shift() elimina el primer elemento del array y devuelve su valor, por ejemplo:
123let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
También existe un método reverse que, por el contrario, agrega uno o más elementos al inicio del arreglo y devuelve la nueva longitud del arreglo, por ejemplo:
123let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
Combinando arreglos
TypeScript también permite combinar dos arreglos utilizando el método concat(), el cual nos devolverá un nuevo arreglo más grande:
1234let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
También es posible extraer una porción de un arreglo y almacenarla en un nuevo arreglo utilizando el método slice(). En este caso, es necesario especificar los índices de los elementos extremos y todos los elementos entre estos índices serán transferidos a un nuevo arreglo. Por ejemplo:
123let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
Nota
El
slicedArraycontiene elementos desde el índice 1 (incluido) hasta el índice 4 (excluido), por lo que incluye los elementos con los índices 1, 2 y 3.
Estos no son todos los métodos y formas de trabajar con arreglos, pero sí los métodos básicos que un principiante debe conocer. A medida que avances en el aprendizaje de TypeScript, descubrirás nuevos métodos, o quizás lo aprendido en este capítulo sea suficiente para ti.
1. ¿Qué hace el método push cuando se aplica a un arreglo en TypeScript?
2. ¿Qué método se utiliza para eliminar el primer elemento de un arreglo en TypeScript?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.94
Trabajando con Elementos de Arreglos
Desliza para mostrar el menú
Ya sabes cómo crear arreglos, pero ¿qué harías si tu jefe te pide eliminar el primer o el último elemento del arreglo? ¿O tal vez agregar un elemento al arreglo? ¿Qué pasa si te asignan la tarea de encontrar la longitud del arreglo (el número de elementos en el arreglo)? Entonces dirías que no sabes cómo hacerlo, y podrías ser despedido 😩.
¡Pero no te preocupes! En este capítulo, te mostraré cómo hacerlo y revisaremos los métodos básicos para trabajar con arreglos.
Agregar elementos a un arreglo
Comencemos con lo más sencillo: ¿cómo agregamos un elemento a un arreglo?
Para esto, puedes usar el método push. Veamos un ejemplo:
123let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
Así, hemos agregado un elemento al arreglo numbers. También podemos agregar varios elementos a la vez usando el método push:
123let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
Eliminación del último elemento
Para eliminar discretamente el último elemento del arreglo, se puede utilizar el método pop(). Este método elimina el último elemento del arreglo y lo retorna.
A continuación, se muestra un ejemplo:
1234let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
Tenga en cuenta que devolver un valor significa asignarlo a otra variable. Por lo tanto, asignamos un valor a una variable utilizando un método de un array. Hablaremos sobre qué son los métodos, las funciones y sus diferencias en la siguiente sección.
Eliminación del primer elemento
El método shift() elimina el primer elemento del array y devuelve su valor, por ejemplo:
123let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
También existe un método reverse que, por el contrario, agrega uno o más elementos al inicio del arreglo y devuelve la nueva longitud del arreglo, por ejemplo:
123let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
Combinando arreglos
TypeScript también permite combinar dos arreglos utilizando el método concat(), el cual nos devolverá un nuevo arreglo más grande:
1234let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
También es posible extraer una porción de un arreglo y almacenarla en un nuevo arreglo utilizando el método slice(). En este caso, es necesario especificar los índices de los elementos extremos y todos los elementos entre estos índices serán transferidos a un nuevo arreglo. Por ejemplo:
123let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
Nota
El
slicedArraycontiene elementos desde el índice 1 (incluido) hasta el índice 4 (excluido), por lo que incluye los elementos con los índices 1, 2 y 3.
Estos no son todos los métodos y formas de trabajar con arreglos, pero sí los métodos básicos que un principiante debe conocer. A medida que avances en el aprendizaje de TypeScript, descubrirás nuevos métodos, o quizás lo aprendido en este capítulo sea suficiente para ti.
1. ¿Qué hace el método push cuando se aplica a un arreglo en TypeScript?
2. ¿Qué método se utiliza para eliminar el primer elemento de un arreglo en TypeScript?
¡Gracias por tus comentarios!