Varios puntos de conocimiento básico en JS: operaciones de matriz, conversión entre cadenas y matrices, adiciones continuas, bienvenido a prestar atención

Acerca de las operaciones con matrices

1. Insertar/eliminar elementos:

No comencemos con la creación. Eso es demasiado básico. JS crea una matriz directamente con let arr = […,…,…]. A algunas personas les gusta new Array(…, …, …), que puede parecer avanzado. Haga clic, el resultado es lo mismo.
Aquí analizamos la inserción de elementos directamente:

1. Insertar/eliminar elementos al final (empujar/hacer estallar, operar la matriz original)

El método push se utiliza para agregar uno o más elementos al final de una matriz y devuelve la longitud de la nueva matriz. Este es un método comúnmente utilizado para agregar elementos a una matriz.

const fruits = ['apple', 'banana', 'cherry'];
fruits.push('grape'); // 向数组末尾添加 'grape'
fruits.pop(); // 删除末尾的 'grape'

2. Insertar elementos al principio/eliminar elementos al principio (desplazar/desplazar, operar la matriz original)

Método unshift : el método unshift se utiliza para agregar uno o más elementos al comienzo de la matriz y devuelve la longitud de la nueva matriz.

const fruits = ['banana', 'cherry'];
fruits.unshift('apple'); // 向数组开头添加 'apple'

Método de cambio : el método de cambio se utiliza para eliminar el primer elemento de la matriz y devolver el elemento eliminado.

const fruits = ['apple', 'banana', 'cherry'];
const removedFruit = fruits.shift(); // 删除 'apple'
console.log(removedFruit); // 'apple'

3. (Importante) Insertar, reemplazar o eliminar elementos en la posición especificada (empalme)

Método de empalme : el método de empalme se puede utilizar para insertar, reemplazar o eliminar elementos en una posición específica. Permite operaciones más flexibles porque puede especificar la posición de inserción y el elemento a insertar.
(1) Insertar en la posición especificada

array.splice(startIndex, deleteCount, item1, item2, ...);

Explicación del parámetro:
startIndex: la posición de índice inicial del elemento que se insertará.
deleteCount: el número de elementos que se eliminarán (opcional, pase 0 si los elementos no se eliminarán).
item1, item2,…: Elementos a insertar en el array (opcional).
Ejemplo, para insertar un elemento en la segunda posición del array:

const fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 0, 'grape'); // 在索引 1 处插入 'grape'，不删除任何元素
console.log(fruits); // ['apple', 'grape', 'banana', 'cherry']

(2) Eliminar el elemento en la posición especificada. El método de empalme también se puede utilizar para eliminar elementos en la matriz. Simplemente especifica la cantidad de elementos que desea eliminar y omite los elementos que desea insertar:

array.splice(startIndex, deleteCount);

Ejemplo, para eliminar el segundo elemento de una matriz:

const fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 1); // 从索引 1 开始删除一个元素
console.log(fruits); // ['apple', 'cherry']

(3) Reemplazar elementos. El método de empalme también se puede utilizar para reemplazar elementos en una matriz. Puede especificar la cantidad de elementos que se eliminarán y proporcionar nuevos elementos para insertar:

array.splice(startIndex, deleteCount, newItem1, newItem2, ...);

Ejemplo, para reemplazar el segundo elemento de una matriz con un elemento nuevo:

const fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 1, 'grape'); // 从索引 1 开始删除一个元素并插入 'grape'
console.log(fruits); // ['apple', 'grape', 'cherry']

Resumen : El método de empalme es un método de operación de matriz muy flexible que se puede utilizar para insertar, eliminar y reemplazar elementos, y modificar la matriz según sea necesario. Para usarlo, simplemente comprenda el uso de los parámetros y ajústelos a sus necesidades específicas. Al mismo tiempo, tenga en cuenta que el empalme modificará directamente la matriz original , así que tenga cuidado al usarlo.

4. Concatenar matrices (concat)

(1) Para fusionar varias matrices, puede pasar varios parámetros de matriz para fusionarlas todas en una nueva matriz (la carga de la página desplegable en el terminal móvil se usa con mayor frecuencia):

const arr1 = [1, 2];
const arr2 = ['a', 'b'];
const arr3 = [true, false];

const mergedArray = arr1.concat(arr2, arr3);
console.log(mergedArray); // [1, 2, 'a', 'b', true, false]

(2) Combine valores en una matriz existente pasando estos valores como parámetros al método concat:

const originalArray = [1, 2, 3];
const newValue = 4;

const newArray = originalArray.concat(newValue);
console.log(newArray); // [1, 2, 3, 4]

Nota : El método concat no modifica la matriz original, pero devuelve una nueva matriz .
Si el argumento pasado a concat está vacío, crea una copia superficial de la matriz original.
Si desea fusionar una gran cantidad de matrices, es posible que usar concat no sea el método más eficiente porque crea nuevas matrices, lo que puede causar problemas de rendimiento. Al fusionar matrices grandes, puede considerar otros métodos, como usar push y loops.
concat no modifica las matrices originales, pero si las matrices originales o cualquier matriz fusionada contienen tipos de referencia (como objetos o matrices), sus referencias se conservarán en la nueva matriz, lo que puede provocar un comportamiento inesperado. Si se requiere una copia profunda, considere usar otro método para crear la nueva matriz .
En resumen, el método concat es una herramienta conveniente para fusionar matrices para fusionar una o más matrices en una nueva matriz sin modificar los datos originales. Es útil al crear nuevas matrices y puede manejar la fusión de múltiples matrices.

5. Operador de extensión (…)

Utilice el operador de extensión: el operador de extensión introducido por ES6 se puede utilizar para expandir los elementos de una matriz a otra matriz, a fin de realizar la inserción de elementos.

const fruits = ['apple', 'banana', 'cherry'];
const newFruits = [...fruits, 'grape']; // 创建一个新数组，并添加 'grape'

6. Filtrar elementos (filtrar, eliminar uso, devolver nueva matriz)

El método de filtro crea una nueva matriz que contiene elementos que cumplen ciertos criterios. Puede utilizar el filtro para filtrar elementos no deseados.

const numbers = [1, 2, 3, 4, 5];
const filteredNumbers = numbers.filter(num => num !== 3); // 删除等于 3 的元素
console.log(filteredNumbers); // [1, 2, 4, 5]

resumen:

Casi los anteriores son todos los métodos para agregar y eliminar elementos en la matriz. Esta parte es muy básica y adecuada para principiantes. Al mismo tiempo, hay algunos métodos poco comunes que algunos veteranos a menudo olvidan, incluyéndome a mí, así que resolví un Copiar Oye, solo cúlpame por ser demasiado olvidadizo.

2. Convierta la matriz en una cadena: join() y toString(); separe la cadena en una matriz: split()

join() le permite especificar un delimitador, para que pueda personalizar cómo se unen los elementos de la matriz.
toString() no le permite especificar un delimitador, siempre usa una coma como delimitador.
Excepto por la diferencia en los delimitadores, los dos métodos tienen funciones similares y se utilizan para convertir elementos de una matriz en cadenas. Dependiendo de tus necesidades específicas, puedes optar por utilizar uno de ellos. Si necesita personalizar el delimitador o el método de conexión, join() es más flexible; si solo necesita usar comas inglesas para separar elementos, toString() es más conciso.

const fruits = ['apple', 'banana', 'cherry'];
const fruitString = fruits.join(', '); // 使用逗号和空格分隔
console.log(fruitString); // 'apple, banana, cherry'

const fruits = ['apple', 'banana', 'cherry'];
const fruitString = fruits.toString();
console.log(fruitString); // 'apple,banana,cherry'

Es importante tener en cuenta que ninguno de los métodos modifica la matriz original, simplemente devuelven una nueva representación de cadena.

método dividir(). Este método puede dividir la cadena en una matriz según el delimitador especificado. Aquí hay ejemplos:

const commaSeparatedString = "apple,banana,cherry";
// 使用逗号分隔的字符串转换为数组
const commaSeparatedArray = commaSeparatedString.split(",");
console.log(commaSeparatedArray); // ['apple', 'banana', 'cherry']

3. Resumen de todos los métodos de matriz (solo aquellos que no se te ocurren, nada que las matrices no puedan hacer)

push(): agrega uno o más elementos al final de la matriz y devuelve la longitud de la nueva matriz.
pop(): elimina el último elemento de la matriz y devuelve el elemento eliminado.
shift(): elimina el primer elemento de la matriz y devuelve el elemento eliminado.
unshift(): agrega uno o más elementos al comienzo de la matriz y devuelve la longitud de la nueva matriz.
concat(): combina una o más matrices en una nueva matriz sin modificar la matriz original.
join(): concatena todos los elementos de la matriz en una cadena y devuelve la cadena.
rebanada (): extrae un subarreglo de la matriz sin modificar la matriz original.
empalme(): se utiliza para insertar, eliminar y reemplazar elementos en una matriz.
forEach(): recorre cada elemento de la matriz y ejecuta la función especificada en él.
map(): crea una nueva matriz que contiene los resultados generados a partir de cada elemento de la matriz original en función del valor de retorno de la función especificada.
filter(): crea una nueva matriz que contiene elementos de la matriz original filtrada por la función especificada.
reducir(): suma todos los elementos de la matriz en un valor especificando una función.
reduceRight(): Similar a reduce(), pero comienza desde el último elemento de la matriz.
find(): busca el primer elemento de la matriz que cumpla la condición especificada y devuelve el elemento.
findIndex(): busca el índice del primer elemento de la matriz que cumple la condición especificada y devuelve el índice.
indexOf(): encuentra el primer índice del elemento especificado en la matriz.
lastIndexOf(): encuentra el último índice del elemento especificado en la matriz.
incluye(): comprueba si la matriz contiene el elemento especificado.
some(): comprueba si al menos un elemento de la matriz cumple la condición especificada.
cada(): comprueba si todos los elementos de la matriz cumplen las condiciones especificadas.
sort(): Ordena los elementos de la matriz (predeterminado alfabéticamente).
inversa (): invierte el orden de los elementos en la matriz.
toString(): convierte una matriz en una cadena.
toLocaleString(): convierte elementos de matriz en cadenas localizadas.
isArray(): comprueba si un valor es una matriz.