Una revisión de los métodos comunes de las matrices js

Organizó los siguientes métodos de matriz

unirse()
empujar () y hacer estallar ()
shift () 和 unshift ()
clasificar()
marcha atrás()
concat ()
rodaja()
empalme()
indexOf () y lastIndexOf () (nuevo en ES5)
forEach () (nuevo en ES5)
map () (nuevo en ES5)
filter () (nuevo en ES5)
cada () (nuevo en ES5)
algunos () (nuevo en ES5)

1: unirse ()

unirse, es convertir la matriz en una cadena y luego especificar un carácter de conexión para él, el valor predeterminado es coma (,)

　　Formato de escritura: unirse (""), escribir una cadena entre paréntesis ("comillas"),

var arr = [1,2,3];
console.log(arr.join()); 　　　　// 1,2,3
console.log(arr.join("-")); 　　// 1-2-3
console.log(arr); 　　　　　　　　// [1, 2, 3]（原数组不变）

2: presione () y pop ()

push (): agrega el contenido dentro al final de la matriz y devuelve la longitud modificada.

pop (): elimina el último elemento de la matriz, devuelve el valor eliminado y reduce la longitud de la matriz.

　　　　Formato de escritura: arr.push (""), escriba el contenido entre paréntesis ("la cadena debe estar entre comillas"),

　　　 Formato de escritura: arr.pop ()

var arr = ["Lily","lucy","Tom"];
var count = arr.push("Jack","Sean");
console.log(count); 　　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　　　// ["Lily", "lucy", "Tom", "Jack", "Sean"]
var item = arr.pop();
console.log(item); 　　　　　　　　　　 // Sean
console.log(arr); 　　　　　　　　　　  // ["Lily", "lucy", "Tom", "Jack"]

3: unshift () y shift () son opuestos a push () y pop ()

unshift: agrega el parámetro al principio de la matriz original y devuelve la longitud de la matriz.

shift (): Elimina el primer elemento de la matriz original y devuelve el valor del elemento eliminado; si la matriz está vacía, devuelve undefined.

Formato de escritura: arr.unshift (""), escriba el contenido entre paréntesis ("la cadena debe estar entre comillas"),

Formato de escritura: arr.shift ()

var arr = ["Lily","lucy","Tom"];
var count = arr.unshift("Jack","Sean");
console.log(count); 　　　　　　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　　　　　　　//["Jack", "Sean", "Lily", "lucy", "Tom"]
var item = arr.shift();
console.log(item); 　　　　　　　　　　　　　　// Jack
console.log(arr); 　　　　　　　　　　　　　　 // ["Sean", "Lily", "lucy", "Tom"]

4: ordenar ()

sort (): ordena los elementos de la matriz de pequeños a grandes

　　　 Formato de escritura: arr.sort ()

var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); 　　　　　　　　　　// ["a", "b", "c", "d"]

El método sort () compara cadenas y no ordena los números según el tamaño del valor. Para lograr esto, debe usar una función de ordenación

function sortNumber(a,b)
{
　　return a - b
}

arr = [13, 24, 51, 3]; console.log(arr.sort()); 　　　　　　　　　　// [13, 24, 3, 51] 
console.log(arr.sort(sortNumber)); 　　　　// [3, 13, 24, 51](数组被改变)

5: reverso ()

reverse (): invierte el orden de los elementos de la matriz.

　　　 Formato de escritura: arr.reverse ()

var arr = [13, 24, 51, 3];
console.log(arr.reverse()); 　　　　　　　　//[3, 51, 24, 13]
console.log(arr); 　　　　　　　　　　　　　　//[3, 51, 24, 13](原数组改变)

6: concat ()

concat (): agrega parámetros a la matriz original. Este método primero creará una copia de la matriz actual, luego agregará los parámetros recibidos al final de la copia y finalmente devolverá la matriz recién construida. Sin pasar parámetros al método concat (), simplemente copia la matriz actual y devuelve una copia.

　　　　Formato de escritura: arr.concat (), escriba el contenido entre paréntesis ("la cadena debe estar entre comillas"),

var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
console.log(arrCopy); 　　　　　　　　　　　　//[1, 3, 5, 7, 9, 11, 13]
console.log(arr); 　　　　　　　　　　　　　　// [1, 3, 5, 7](原数组未被修改)

7: rebanada ()

slice (): devuelve una nueva matriz que consta de elementos desde el subíndice inicial especificado hasta el subíndice final en la matriz original. El método slice () puede aceptar uno o dos parámetros, es decir, las posiciones inicial y final del elemento que se devolverá. En el caso de un solo parámetro, el método slice () devuelve todos los elementos desde la posición especificada por el parámetro hasta el final de la matriz actual. Si hay dos parámetros, el método devuelve los elementos entre las posiciones inicial y final, pero no incluye los elementos en la posición final.

　　　　Formato de escritura: arr.slice (1, 3)

var arr = [1,3,5,7,9,11];
var arrCopy = arr.slice(1);
var arrCopy2 = arr.slice(1,4);
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);
console.log(arr); 　　　　　　　　　　　　　　//[1, 3, 5, 7, 9, 11](原数组没变)
console.log(arrCopy); 　　　　　　　　　　　 //[3, 5, 7, 9, 11]
console.log(arrCopy2); 　　　　　　　　　　　//[3, 5, 7]
console.log(arrCopy3); 　　　　　　　　　　　//[3, 5, 7]
console.log(arrCopy4); 　　　　　　　　　　　//[5, 7, 9]

arrCopy solo establece un parámetro, es decir, el subíndice inicial es 1, por lo que la matriz devuelta es el subíndice 1 (incluido el subíndice 1) desde el principio hasta el final de la matriz.

　　arrCopy2 establece dos parámetros y devuelve la submatriz desde el índice inicial (incluido 1) hasta el índice final (excluyendo 4).

　　arrCopy3 establece dos parámetros, el índice de terminación es un número negativo, cuando aparece un número negativo, el número negativo se agrega al valor de la longitud del arreglo (6) para reemplazar el número en esa posición, por lo que es un subarreglo que comienza de 1 a 4 (no incluido).

　　Ambos parámetros en arrCopy4 son números negativos, por lo que ambos agregan una longitud de matriz 6 y los convierten en números positivos, por lo que es equivalente a slice (2,5).

8: empalme ()

splice (): eliminar, insertar y reemplazar.

Eliminar: especifique 2 parámetros: la posición del primer elemento que se eliminará y el número de elementos que se eliminarán.

　　　　Formato de escritura: arr.splice (1, 3)

Insertar: Puede insertar cualquier número de elementos en la posición especificada, solo necesita proporcionar 3 parámetros: la posición inicial, 0 (el número de elementos a eliminar) y el elemento a insertar.

　　　　Formato de escritura: arr.splice (2,0,4,6)
Reemplazo: puede insertar cualquier número de elementos en la posición especificada y eliminar cualquier número de elementos al mismo tiempo, solo necesita especificar 3 parámetros: el inicio posición, el número de elementos que se eliminarán y cualquier número de elementos que se insertarán. El número de elementos insertados no tiene que ser igual al número de elementos eliminados.

　　　　Formato de escritura: arr.splice (2,0,4,6)

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); 　　　　　　　　　　　　　　　//[5, 7, 9, 11]
console.log(arrRemoved); 　　　　　　　　　　　//[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); 　　　　　　　　　　// []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); 　　　　　　　　　　//[7]

9: indexOf () 和 lastIndexOf ()

indexOf (): Recibe dos parámetros: el elemento a buscar y (opcional) el índice que indica el punto de inicio de la búsqueda. Entre ellos, busque hacia atrás desde el principio de la matriz (posición 0).

　　　　Formato de escritura: índice de arr. De (5)

lastIndexOf (): recibe dos parámetros: el elemento a buscar y (opcional) el índice que indica el punto de inicio de la búsqueda. Entre ellos, busque hacia adelante desde el final de la matriz.

　　　　Formato de escritura: arr.lastIndexOf (5,4)

var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5)); 　　　　　　//2
console.log(arr.lastIndexOf(5)); 　　　 //5
console.log(arr.indexOf(5,2)); 　　　　 //2
console.log(arr.lastIndexOf(5,4)); 　　//2
console.log(arr.indexOf("5")); 　　　　 //-1

10: paraCada ()

forEach (): recorre la matriz y ejecuta la función dada para cada elemento de la matriz. Este método no tiene valor de retorno. Los parámetros son todos del tipo de función, y hay parámetros por defecto, los parámetros son: el contenido de la matriz a recorrer, el índice de la matriz correspondiente, la matriz en sí.

　　　　Formato de escritura: arr.forEach ()

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
console.log(x + '|' + index + '|' + (a === arr));
});
// 输出为：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

11: mapa ()

map (): se refiere a "mapeo", ejecuta una función determinada en cada elemento de la matriz y devuelve una matriz compuesta por los resultados de cada llamada de función.

　　　　Formato de escritura: arr.map ()

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2); 　　　　　　　　//[1, 4, 9, 16, 25]

12: filtro ()

filter (): función "Filtro", cada elemento de la matriz ejecuta una función determinada y devuelve una matriz que cumple las condiciones del filtro.

　　　　Formato de escritura: arr.filter ()

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
return index % 3 === 0 || x >= 8;
}); 
console.log(arr2); 　　　　　　　　//[1, 4, 7, 8, 9, 10]

13: cada ()

every (): determina si cada elemento de la matriz satisface la condición, y solo si todos los elementos satisfacen la condición, devolverá verdadero.

　　　　Formato de escritura: arr.every ()

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 10;
}); 
console.log(arr2); 　　　　　　　　//true
var arr3 = arr.every(function(x) {
return x < 3;
}); 
console.log(arr3); 　　　　　　　　// false

14: algunos ()

some (): determina si hay un elemento que cumple la condición en la matriz, siempre que haya un elemento que cumpla con la condición, devolverá verdadero.

　　　　Formato de escritura: arr.some ()

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
}); 
console.log(arr2); 　　　　　　　　//true
var arr3 = arr.some(function(x) {
return x < 1;
}); 
console.log(arr3); 　　　　　　　　// false

15: Un cierto valor de atributo en la matriz de objetos js se empalma en una cadena

var objs=[
    {id:1,name:'张三'},
    {id:2,name:'李四'},
    {id:3,name:'王五'},
    {id:4,name:'赵六'},
];

var idsStr = objs.map(function(obj,index){
    return obj.id;
}).join(",");

console.log(idsStr);

16 js intercepta el contenido de una cadena delante de una cadena

js intercepta el contenido entre dos cadenas:

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)fff/)[1];
alert(str);//结果bbbcccdddeee

js intercepta el contenido delante de una cadena:

var str = "aaabbbcccdddeeefff";
str = str.match(/(\S*)fff/)[1];
alert(str);//结果aaabbbcccddd

js intercepta el contenido detrás de una cadena:

var str = "aaabbbcccdddeeefff";
str = str.match(/aaa(\S*)/)[1];
alert(str);//结果bbbcccdddeeefff

Una revisión de los métodos comunes de las matrices js

Supongo que te gusta