Compartir tecnología

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

En JavaScript, una matriz es una estructura de datos muy importante que se utiliza para almacenar múltiples valores. JS proporciona muchos métodos integrados para manipular matrices, lo que hace que el procesamiento de datos sea más fácil y eficiente. Este artículo presentará en detalle algunos métodos de matriz de JavaScript de uso común. Estos no solo son métodos de uso común en el desarrollo diario, sino también el foco de las entrevistas. Ahora los revisaré con usted.

1. empujar() y hacer estallar()

empujar()

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

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

parámetro: Uno o más elementos para agregar al final de la matriz.

valor de retorno: La longitud de la nueva matriz.

estallido()

El método pop() elimina un elemento del final de la matriz y devuelve ese elemento.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

parámetro: ninguno.

valor de retorno: El elemento eliminado.

2. shift() y unshift()

cambio()

El método shift() se utiliza para eliminar un elemento al principio de la matriz y devolver ese elemento.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

parámetro: ninguno.

valor de retorno: El elemento eliminado.

anular cambio()

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

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

parámetro: Uno o más elementos para agregar al comienzo de la matriz.

valor de retorno: La longitud de la nueva matriz.

3. cortar () y empalmar ()

rebanada()

El método slice() se utiliza para devolver una nueva matriz seleccionada de principio a fin (exclusiva). La matriz original no se modificará.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

parámetro:

comenzar(Opcional): Inicie la extracción desde (e incluyendo) este índice.

fin(Opcional): finalice la extracción antes (y sin incluir) este índice.

valor de retorno:

una nueva matriz que contiene desde comenzar llegarfin(Excluyendo fin)Elementos.

empalme()

empalme() Los métodos se utilizan para modificar el contenido de una matriz eliminando o reemplazando elementos existentes o agregando nuevos elementos. El valor de retorno es el elemento eliminado.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

parámetro:

comenzar: Especifica la posición inicial de la modificación.

eliminarContar(opcional): Número entero que indica el número de elementos a eliminar.

artículo1, artículo2, ...(opcional): el nuevo elemento que se agregará a la matriz.

valor de retorno: una matriz que contiene los elementos eliminados.

4. concat()

concatenación() Método utilizado para fusionar dos o más matrices. Este método no cambia la matriz existente, pero devuelve una nueva matriz.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

parámetro: Matriz o valor que se fusionará en la matriz actual.

valor de retorno: una nueva matriz.

5. para cada uno()

para cada() El método ejecuta la función proporcionada una vez para cada elemento de la matriz.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

parámetro: Una función que acepta como parámetros el elemento actual, el índice del elemento y la matriz misma.

valor de retorno: ninguno.

6. mapa()

mapa() El método crea una nueva matriz cuyo resultado es que cada elemento de la matriz es el valor de retorno de una llamada a la función proporcionada.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

parámetro: Una función que acepta como parámetros el elemento actual, el índice del elemento y la matriz misma.

valor de retorno: una nueva matriz.

7. filtro()

filtrar() El método crea una nueva matriz que contiene todos los elementos de la prueba implementada por la función proporcionada.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

parámetro: una función que acepta el elemento actual, el índice del elemento y la propia matriz como parámetros y devuelve un valor booleano.

valor de retorno: una nueva matriz.

8. reducir()

reducir() El método ejecuta una función reductora que usted proporciona (en orden ascendente) en cada elemento de la matriz, resumiendo sus resultados en un único valor de retorno.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

parámetro:reductor Función que acepta un acumulador y el valor actual como argumentos.

valor inicial(Opcional): como valor del primer parámetro al llamar a la función de devolución de llamada por primera vez.

valor de retorno: Resultados acumulados.

9. encontrar()

encontrar() El método devuelve el valor del primer elemento de la matriz que satisface la función de prueba proporcionada.De lo contrario regresarindefinido。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

parámetro: una función que acepta el elemento actual, el índice del elemento y la propia matriz como parámetros y devuelve un valor booleano.

valor de retorno: El primer valor del elemento que pasa la prueba.

10. incluye()

incluye() El método se utiliza para determinar si una matriz contiene un valor específico. Dependiendo de la situación, se devolverá si lo contiene.verdadero, de lo contrario regresar FALSO。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

parámetro:

valorParaEncontrar: El valor del elemento que se va a encontrar.

desdeIndice(Opcional): comience a buscar en este índice.

valor de retorno: Valor booleano.

Al aprender estos métodos de matriz de JavaScript comunes, podemos procesar los datos pasados ​​por el backend de manera más eficiente y escribir código más conciso y legible. ¡Espero que este artículo te ayude!