Uso del método map() en JS
1. Concepto
El método map() se define en JavaScript Array, que devuelve una nueva matriz, y cada elemento de la matriz recién devuelta es el valor procesado al llamar a la función de devolución de llamada en el mapa para cada elemento de la matriz original.
Nota: map() no busca matrices vacías.
Nota: map() no muta la matriz original.
2. Parámetros
1. Gramática
// 普通写法
array.map(function(currentValue, index, arr))
// 箭头函数
array.map((currentValue, index, arr)=>{
})
2. Descripción del parámetro:
function(currentValue, index, arr): Obligatorio. Como función de devolución de llamada, cada elemento de la matriz ejecutará esta función. Entre ellos, los parámetros de la función:
currentValue: obligatorio El
índice de valor del elemento actual: opcional. El índice arr del elemento actual
: opcional. El objeto de matriz
thisIndex al que pertenece el elemento actual: opcional. El objeto que se usará como devolución de llamada de ejecución, se pasará a la función y se usará como el valor de "esto".
3. Ejemplos
// 1.使用 map 重新格式化数组中的对象
var Array = [
{
key: 1, value: "一" },
{
key: 2, value: "二" },
{
key: 3, value: "三" },
];
var newArray = Array.map((obj) => {
var nobj = {
};
nobj[obj.key] = obj.value;
return nobj;
});
console.log(newArray);
// newArray 数组为:[{1:'一'},{2:'二'},{3:'三'}]
2. var number = [1, 2, 3, 4];
var filternumber = number.map((num, index) => {
if (index < 3) {
return num;
}
});
// filternumber 是[1,2,3,undefined]