Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Trabajando con Elementos de Arreglos | Arreglos
Introducción a TypeScript

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

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
copy

Así, hemos agregado un elemento al arreglo numbers. También podemos agregar varios elementos a la vez usando el método push:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
copy

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:

1234
let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
copy

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:

123
let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
copy

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:

123
let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
copy

Combinando arreglos

TypeScript también permite combinar dos arreglos utilizando el método concat(), el cual nos devolverá un nuevo arreglo más grande:

1234
let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
copy

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:

123
let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
copy

Nota

El slicedArray contiene 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?

question mark

¿Qué hace el método push cuando se aplica a un arreglo en TypeScript?

Select the correct answer

question mark

¿Qué método se utiliza para eliminar el primer elemento de un arreglo en TypeScript?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.94

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

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4); console.log(numbers);
copy

Así, hemos agregado un elemento al arreglo numbers. También podemos agregar varios elementos a la vez usando el método push:

123
let numbers: number[] = [1, 2, 3]; let newLength = numbers.push(4, 5); console.log(numbers);
copy

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:

1234
let numbers: number[] = [1, 2, 3]; let lastElement = numbers.pop(); console.log(`array after modifying: ${numbers}`); console.log(`the last element was ${lastElement}`);
copy

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:

123
let numbers: number[] = [1, 2, 3]; let firstElement = numbers.shift(); console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);
copy

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:

123
let numbers: number[] = [2, 3, 4]; let newLength = numbers.unshift(0, 1); console.log(`numbers: ${numbers} with length: ${newLength}`);
copy

Combinando arreglos

TypeScript también permite combinar dos arreglos utilizando el método concat(), el cual nos devolverá un nuevo arreglo más grande:

1234
let array1: number[] = [1, 2]; let array2: number[] = [3, 4]; let combinedArray = array1.concat(array2); console.log(`combined array = ${combinedArray}`);
copy

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:

123
let numbers: number[] = [1, 2, 3, 4, 5]; let slicedArray = numbers.slice(1, 4); console.log(`sliced array = ${slicedArray}`);
copy

Nota

El slicedArray contiene 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?

question mark

¿Qué hace el método push cuando se aplica a un arreglo en TypeScript?

Select the correct answer

question mark

¿Qué método se utiliza para eliminar el primer elemento de un arreglo en TypeScript?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2
some-alt