Lista de métodos de matriz js

1, en ()

Pase un índice de matriz como argumento a una función y devuelva el elemento de matriz correspondiente a ese índice.

const array = [1,2,3,4,5];
console.log(array.at(1)); // 2
console.log(arr.at(-1)); // 5
console.log(arr.at(-2)); // 4
console.log(arr.at(10)); // undefined 超出最大下标，那么就返回undefined，不会报错

2, concatenación()

Combinar matrices, devolviendo una nueva matriz.

const array = [1,2,3,4,5];
const arr = ['a','v','d'];
console.log(array.concat(arr)); // [1, 2, 3, 4, 5, 'a', 'v', 'd']
console.log(arr.concat(array)); // ['a', 'v', 'd', 1, 2, 3, 4, 5]

3, reversa()

Invierte el orden de los elementos de la matriz.

const array = [1,2,3,4,5];
console.log(array.reverse()); // [5, 4, 3, 2, 1]

4, unirse ()

Combine los elementos de la matriz en una cadena, separados por delimitadores de parámetros, separados por comas de forma predeterminada.

const array = [1,2,3,4,5];
console.log(array.join()); // 1,2,3,4,5
console.log(array.join('')); // 12345
console.log(array.join('-')); // 1-2-3-4-5

// 数组中以某一字符为基准换行
console.log(array.join().replace(/[,]/g,'$&\r\n')); 
// 1,
// 2,
// 3,
// 4,
// 5

5, empujar ()

Agrega el argumento al final de la matriz original y devuelve la longitud de la matriz.

const array = [1,2,3,4,5];
console.log(array.push(9)); // 6
console.log(array); // [1, 2, 3, 4, 5, 9]

//遍历取数组中的某一项
const tableDataAdd = [
  { agentCode: '789456', agentName: '张三' },
  { agentCode: '234486', agentName: '李四'},
  { agentCode: '765455', agentName: '王五' },
];
const tableDataAddArr = [];
tableDataAdd.map((item, index) => {
  tableDataAddArr.push(item.agentCode);
})
console.log(tableDataAddArr); // ['789456', '234486', '765455']

6, pop ()

Elimina el último elemento del final de la matriz y devuelve el elemento eliminado.

const array = [1,2,3,4,5];
console.log(array.pop()); // 5
console.log(array); // [1, 2, 3, 4]

7 、 cancelar el cambio ()

Agrega el argumento al comienzo de la matriz original y devuelve la longitud de la matriz.

const array = [1,2,3,4,5];
console.log(array.unshift(9)); // 6
console.log(array); // [9, 1, 2, 3, 4, 5]

8, cambio ()

Elimine el primer elemento de la matriz original y devuelva el elemento eliminado.

const array = [1,2,3,4,5];
console.log(array.shift()); // 1
console.log(array); // [2, 3, 4, 5]

9, rebanada ()

Intercept, la matriz original permanece sin cambios y se devuelve una nueva matriz.

const array = [1,2,3,4,5];
console.log(array.slice(1)); // [2, 3, 4, 5]
console.log(array.slice(1,3)); // [2, 3] 包括参数1，不包括参数2
console.log(array.slice(-1)); // [5]

10, empalme ()

Cambie la matriz original, puede eliminar, insertar, reemplazar operaciones.

const array = [1,2,3,4,5];
//删除：2个参数，（1，2）从下标1开始删除2个
console.log(array.splice(1,2)); //  [2, 3]
console.log(array); //  [1, 4, 5]

//替换：3个参数，（1，3，5）从下标1开始，长度为3的数组元素替换成5
console.log(array.splice(1,3,5)); //  [2, 3, 4]
console.log(array); // [4, 2, 3, 4, 5][1, 5, 5]

//插入：3个参数，（1，0，5）在下标为1处添加一项5（中间项为0）
console.log(array.splice(1,0,5)); // 
console.log(array); // [1, 5, 2, 3, 4, 5]

11, ordenar()

Por defecto ordena los valores como cadenas alfabéticamente y de forma ascendente, alterando la matriz original.

const array = ['D', 'B', 'A', 'C'];
console.log(array.sort()); // ['A', 'B', 'C', 'D']

//用比较函数解决sort排序错误问题
const array = [4, 1, 3, 2, 10];
console.log(array.sort()); // [1, 10, 2, 3, 4]
console.log(array.sort((a, b) => a - b)); // [1, 2, 3, 4, 10]
console.log(array.sort((a, b) => b - a)); // [10, 4, 3, 2, 1]

12, índice de ()

Encuentre si el parámetro existe en la matriz, si existe, devuelva el subíndice, si no, devuelva -1.

const array = [1, 2, 3, 4, 5];
console.log(array.indexOf(4)); // 3
console.log(array.indexOf(7)); // -1

//判断数组内元素是否存在
const list = [
  { code: '01',name: '张山' },
  { code: '02',name: '李四' },
  { code: '03',name: '王五' },
]
const listFilter = list.filter(optionItem => {
  return ['02'].indexOf(optionItem.code) > -1;
});
console.log(listFilter);// [{code: '02', name: '李四'}]

13, incluye ()

Si una matriz contiene el valor dado, devuelve un valor booleano.

const array = [1, 2, 3, 4, 5];
console.log(array.includes(3)); // true
console.log(array.includes(7)); // false
console.log(array.includes(3,2)); // true

14, relleno ()

Rellene los elementos de la matriz con valores estáticos.

const array = [1, 2, 3, 4, 5];
console.log(array.fill(4)); // [4, 4, 4, 4, 4]