UNIVERSIDAD DE ORIENTE

NÚCLEO DE ANZOÁTEGUI
DEPARTAMENTO DE CURSOS BÁSICOS
INTRODUCCIÓN A LA PROGRAMACIÓN
SECCIÓN 08

ARRAYS Y MATRICES EN JAVASCRIPT

PROFESOR: ESTUDIANTE:

JOEL MARTÍNEZ FABIO BOLIVAR C.I. V-30.437.008

SYDIELIM GONZALEZ C.I V-29.793894
ADRIÁN CAMPOS C.I V-28.526.926
IVÁN RAMOS C.I V-30.384.341

Puerto La Cruz, 28 de Julio de 2023.

1) ¿Qué es un Array en Javascript?

Es una colección o agrupación de elementos en una sola variables, donde se ubican con
referencia a la posición que ocupan dentro de tal colección. En los arrays, la longitud y el
tipo de elementos que lo componen son variables y los datos pueden almacenarse en
ubicaciones no contiguas. Estos arrays también son llamados arreglos o vectores.

2) Sintaxis para la colocación de Arrays en Javascript

Para colocar (declarar e inicializar) un array hay tres maneras:

a) Usando un constructor de array:

Siendo este un método de suma importancia para conocer el proceso de creación e

inicialización de un array. Ejemplo:

JavaScript Array Constructor Syntaxconst nombre array = nuevo Array(elemento 1,

elemento 2, …);

En su mayoría, los desarrolladores usan este método para crear un array nuevo cuando los
valores del mismo son conocidos. Un gran ejemplo de esto sería implementar este método
para crear nuevas instancias de participantes en un videojuego y crear una variable con los
datos de todos los jugadores que ingresaron.

b) Usando JavaScript Array Literal:

La JavaScript Array literal luce similar al método constructor. La diferencia más

significativa está en el uso de la notación de corchetes para la creación e inicialización de
un nuevo array con el nombre de la variable que le hayas asignado.

c) Por medio de la Inicialización de Array Vacío:

Finalmente, la última manera de crear un array en JavaScript es inicializar un array vacío y

añadir elementos en tu programa más adelante. La sintaxis en este caso es más directa,
como ejemplo:

const nombre array = [ ];

3)¿Cómo se accede a los elementos de un array en JavaScript?

Para acceder a los elementos de un array se debe de conocer la posición de los elementos
en cuestión, ya que esta posición se representa con valores numéricos enteros de izquierda
a derecha iniciando en 0. Es muy similar a la extracción de números o caracteres de una
variable mediante el uso del substring. Por ejemplo:

Let my Arr = [Juan, perol rancio, xdxd, JoelMaltine]

Para este array se tienen las posiciones //[0,1,2,3] , y según queramos extraer uno u otro
elemento, se coloca:
myArr [1] (Resulta en la extracción del elemento perolrancio) ó

myArr [3] (Resulta en la extracción del elemento JoelMaltine)

4)¿Cuál es la diferencia entre un array y una matriz en JavaScript?

Las matrices son un caso especial de array cuya distinción está en tener específicamente
dos dimensiones solamente (largo y alto). Las matrices son una estructura de forma
rectangular con renglones y columnas. En cambio, los arrays son estructuras de datos que
almacena una determinada colección de elementos.

Para explicarlo de mejor manera, se puede comprender a las matrices como un “array de
arrays” cuya forma sería la siguiente (ejemplo):

var miMatriz = [[1,2,3], [4,5,6], [7,8,9]];

Mientras que un array se veria como:

Var miArray = [5, Chávez, “arboleda”];

5) ¿Cuál es la función del push() en un array en JavaScript?

Push() es un método usado para agregar un elemento al final de un array o arreglo. Por
ejemplo: si se tuviera un array cuyos elementos son una cadena de tareas a realizar, tendría
lógica la inserción de nuevos elementos al final del arreglo para terminar las primeras
tareas del array.

Por ejemplo, si tuviéramos:

const arr = [„Primera tarea‟, „Segunda tarea‟, „Tercera tarea‟];

arr.push(„Cuarta tarea‟);

console.log(arr);// [„Primera tarea‟, „Segunda tarea‟, „Tercera tarea‟, „Cuarta tarea‟]

En el ejemplo se ve como el push() nos ha servido para incluir una cuarta actividad sin que
la inclusión de esta represente un contratiempo para nuestras actividades anteriores, y hasta
se podría presentar como una solución útil a un programa de organización por turnos.

6) ¿Cuál es la función del método pop() en un array en JavaScript?

Este método posee una función inversamente similar a la del método push() que, a
diferencia de este que añade un elemento más al final del array, el método pop() extrae el
último elemento agregado al array, cambiando así la longitud del array. Su uso se puede
explicar mediante el siguiente ejemplo:

Sintaxis:

(nombre del array).pop();

Ejemplo:
Nombres = [„Ivan‟, „Sydielim‟, „Adrian‟, „Fabio‟];

(„Nombres‟).pop(Fabio);

Resultado mostrado por array//[„Ivan‟, „Sydielim‟, „Adrian‟]

Nombre eliminado por el pop();// „Fabio‟

7) ¿Cuál es la función del método slice() en un array en JavaScript?

El método slice() devuelve una copia de una parte del array dentro de un nuevo array desde
un inicio hasta un fin determinado y mientras el array original no se modifica.

Sintaxis:
(nombre del array).slice(inicio,fin);

Ejemplo:

Nombres = [„Ivan‟, „Sydielim‟, „Adrian‟, „Fabio‟];

(„Nombres‟).slice(1,3 );

Datos que contiene el slice// [„Sydielim‟, „Adrian‟]

Viendo el ejemplo, se aclara que el slice recoge los elementos (nombres en este caso)
dentro de las posiciones especificadas dentro de los paréntesis exceptuando el elemento
correspondiente a la posición final de extracción.

Otras cosas a tener en cuenta es que si se quieren sacar todos los elementos de un array con
un slice, se puede colocar como posición final en los paréntesis del slice un valor mayor a
la posición numérica más alta. También en caso de no colocar posición inicial, el slice
asumirá que inicia desde 0 y creará un nuevo array con todos los elementos que se
encuentren antes de la posición final declarada en el slice.

8) ¿Cómo se puede recorrer un array en JavaScript?

Las formas más utilizadas para recorrer un array son:

Usando For: La ventaja que tiene el for es que recorre cierta cantidad de código hasta que
la condición se cumpla y puede ser muy útil cuando se está leyendo registros de una base
de datos y, fácilmente se puede limitar la cantidad de registros a procesar.

for (i = 0; i < numeros.length; i++) {

console.log(numeros[i])}

Usando ForEach: El método forEach nos permite recorrer una matriz de forma mucho más
sencilla que el ciclo for.

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

arr.forEach(element => {
 console.log(element);
});

Para este caso se recorre el arreglo de números con forEach() y por cada elemento se hace
un console.log() del elemento en cuestión

Usando While:

let i = 0;

while (i < numeros.length) {

console.log(`Numero: ${i}`);

i++;}

El while también se puede utilizar para recorrer un arreglo o repetir código en x

ocasiones.

Usando map:

Permite recorrer un arreglo de objetos.

const comidas = [

{id: 1, momento: 'Desayuno'},

{id: 2, momento: 'Almuerzo'},

{id: 3, momento: 'Comida'},

{id: 4, momento: 'Merienda'},

{id: 5, momento: 'Cena'},

];

const momentoComida = comidas.map(function(comida) {

return comida.momento;

});

console.log(momentoComida);