JavaScript Arrays Una guía para principiantes

Las matrices de JavaScript son una estructura de datos fundamental utilizada en el desarrollo web. Permiten a los desarrolladores almacenar y manipular listas de datos en una sola variable. En este artículo, exploraremos qué son las matrices, cómo crearlas y cómo manipularlas en JavaScript.

Que es una matriz?

En JavaScript, una matriz es una variable que puede contener múltiples valores. Es un objeto similar a una lista que permite a los desarrolladores almacenar y acceder a los datos de una manera ordenada. Las matrices pueden contener cualquier tipo de datos, incluidas cadenas, números y objetos.

Matrices de JavaScript

Creando una matriz

En JavaScript, las matrices se crean usando soportes cuadrados [] y puede contener cualquier tipo de datos, incluidos números, cadenas, objetos e incluso otras matrices. Para crear una matriz, simplemente declara una nueva variable y asigna a una matriz usando los soportes cuadrados.

Para crear una matriz en JavaScript, podemos usar la siguiente sintaxis:

// Sintaxis deja que ArrayName = [Value1, Value2, Value3];

12	// sintaxlet arrayName = [value1, value2, value3];

Aquí, ArrayName es el nombre de la matriz, y Value1, Value2 y Value3 son los valores que queremos almacenar en la matriz. Por ejemplo:

// Defina una matriz deja frutas = ['manzana', 'plátano', 'naranja'];

12	// Definir un Arraylet Fruits = ['Apple', 'Banana', 'Orange'];

Esto crea una matriz llamada frutas que contiene tres cuerdas: 'manzana', 'plátano' y 'naranja'.

También podemos crear una matriz vacía y agregarle valores más tarde:

// Definir la matriz EMTPY let tumbers = []; // Insertar valores en los números de matriz.empuje (1); números.empuje (2); números.empuje (3);

1234567

// Defina los números de Arraylet EMTPY = []; // Insertar valores en los números de matriz.Push (1); números.Push (2); números.empuje (3);

Esto crea una matriz vacía llamada números y agrega los números 1, 2 y 3 usando el método push ().

Acceso a elementos de matriz

Podemos acceder a elementos individuales en una matriz utilizando su índice. En JavaScript, los índices de matriz comienzan en 0. Por ejemplo, para acceder al primer elemento en la matriz de frutas, podemos usar la siguiente sintaxis:

// Imprimir elemento de matriz en la consola índice 0.log (frutas [0]);

12	// Imprimir elemento de matriz en el índice 0Console.log (frutas [0]);

Esto generaría 'Apple' en la consola. Podemos acceder al segundo y tercer elemento de la misma manera:

// Imprimir elemento de matriz en la consola del índice 1,2.log (frutas [1]); // consola de 'plátano'.log (frutas [2]); // 'naranja'

123	// Imprimir elemento de matriz en el índice 1,2Console.log (frutas [1]); // 'Banana'console.log (frutas [2]); // 'naranja'

Modificación de elementos de matriz

Podemos modificar los valores en una matriz accediendo a ellos usando su índice y asignándoles un nuevo valor. Por ejemplo, para cambiar el segundo elemento en la matriz de frutas a 'pera', podemos usar el siguiente código:

// Reemplazar el elemento de matriz en el índice 1 frutas [1] = 'pera'; consola.log (frutas); // ['manzana', 'pera', 'naranja']

123	// Reemplazar el elemento de matriz en el índice 1fruits [1] = 'pera'; consola.log (frutas); // ['manzana', 'pera', 'naranja']

Esto cambiaría el segundo elemento en la matriz de frutas a 'pera'.

Métodos integrados de JavaScript Array

Las matrices JavaScript tienen varios métodos incorporados que nos permiten manipular sus contenidos. Una vez que haya creado una matriz, puede acceder y manipular sus elementos utilizando varios métodos de matriz, como push (), pop (), shift (), unshift (), splice (), slice () y muchos más.

empujar()

El empujar() El método agrega uno o más elementos al final de una matriz y devuelve la nueva longitud de la matriz.

// Agregar nuevas frutas de elementos de matriz.push ('uva'); consola.log (frutas); // ['manzana', 'pera', 'naranja', 'uva']

123	// Agregar nuevo elemento de matriz.Push ('uva'); consola.log (frutas); // ['manzana', 'pera', 'naranja', 'uva']

estallido()

El estallido() El método elimina el último elemento de una matriz y devuelve ese elemento.

// Eliminar las frutas del elemento de la matriz de la última matriz.estallido(); consola.log (frutas); // ['manzana', 'pera', 'naranja']

123	// Eliminar las últimas frutas de matriz.pop (); consola.log (frutas); // ['manzana', 'pera', 'naranja']

cambio()

El cambio() El método cambia todos los elementos de derecha a izquierda. Que elimina el primer elemento de una matriz:

// Cambiar el elemento de matriz de derecha a las frutas izquierdas.cambio(); consola.log (frutas); // ['pera', 'naranja']

123	// Cambiar el elemento de matriz de derecha a las frutas a la izquierda.shift (); consola.log (frutas); // ['pera', 'naranja']

Unchift ()

El Unchift () El método agrega uno o más elementos al comienzo de una matriz y devuelve la nueva longitud de la matriz.

// Cambiar elementos de la matriz de izquierda a derecha y // Agregar un nuevo elemento de matriz en el índice 0 frutas.Unchift ('plátano'); consola.log (frutas); // ['plátano', 'pera', 'naranja']

1234	// Cambiar elementos de la matriz de izquierda a derecha y // Agregar un nuevo elemento de matriz en el índice 0fruits.Unchift ('plátano'); consola.log (frutas); // ['plátano', 'pera', 'naranja']

empalme()

El empalme() El método puede agregar, eliminar y/o reemplazar elementos en una matriz. Toma al menos dos argumentos: el índice al que comenzará a hacer cambios y el número de elementos para eliminar. Se pueden proporcionar argumentos adicionales para agregar elementos al mismo índice. El método devuelve una matriz de los elementos eliminados, o una matriz vacía si no se eliminaron los elementos.

// presionando una nueva matriz en frutas de índice específicos.empalme (1, 0, 'uva'); consola.log (frutas); // ['plátano', 'uva', 'pera', 'naranja']

123	// Presionando una nueva matriz a las frutas de índice específicas.empalme (1, 0, 'uva'); consola.log (frutas); // ['plátano', 'uva', 'pera', 'naranja']

Aquí el empalme() El método inserta la cadena 'uva' en la matriz de frutas en el índice 1, presionando el elemento original en el índice 1 y los elementos posteriores de nuevo por un índice.

rebanada()

El rebanada() El método devuelve una nueva matriz que contiene una parte de una matriz existente. La porción se especifica mediante los índices de inicio y finalización, que se pasan como argumentos al método. El índice inicial es inclusivo y el índice final es exclusivo. Si no se aproban argumentos, el método devuelve una copia de toda la matriz. La matriz original no se modifica.

// Copiar una gama de elementos a una nueva matriz deja newArray = frutas.rebanada (1, 3); consola.log (newArray); // ['uva', 'pera']

123	// Copiar una gama de elementos a un nuevo Arraylet NewArray = Fruits.rebanada (1, 3); consola.log (newArray); // ['uva', 'pera']

Aquí el rebanada() El método crea una nueva matriz llamada 'NewArray' que contiene los elementos de la matriz de frutas de índice 1 hasta, pero sin incluir, índice 3.

índice de()

El índice de() El método devuelve el índice de la primera ocurrencia de un elemento especificado en una matriz:

// Obtener el número de índice por valor en la matriz deje índice = frutas.indexOf ('pera'); consola.log (índice); // 1

123	// Obtener el número de índice por valor en Arraylet index = frutas.índicef ('pera'); consola.log (índice); // 1

Aquí el índice de() El método devuelve el índice de la cadena 'pera' en la matriz de frutas, que es 1.

Conclusión

Las matrices JavaScript son una poderosa estructura de datos que permite a los desarrolladores almacenar y manipular listas de datos en una sola variable. Se utilizan ampliamente en el desarrollo web y son un concepto fundamental para comprender. En este artículo, exploramos cómo crear y manipular matrices en JavaScript, así como algunos de los métodos de matriz más utilizados. Con este conocimiento, debe estar bien equipado para trabajar con matrices en sus propios proyectos de JavaScript.