JSでのmap()メソッドの使用
1.コンセプト
map() メソッドは JavaScript Array で定義されており、新しい配列を返します。新しく返された配列の各要素は、元の配列の各要素に対してマップ内のコールバック関数を呼び出すことによって処理された値です。
注:map() は空の配列をチェックしません。
注:map() は元の配列を変更しません。
2. パラメータ
1. 文法
// 普通写法
array.map(function(currentValue, index, arr))
// 箭头函数
array.map((currentValue, index, arr)=>{
})
2. パラメータの説明:
function(currentValue,index,arr):必須。コールバック関数として、配列内の各要素がこの関数を実行します。このうち、関数パラメータ:
currentValue: 必須
現在の要素の値インデックス: オプション。現在の要素のインデックス arr
: オプション。
現在の要素が属する配列オブジェクトthisIndex: オプション。実行コールバックとして使用され、関数に渡され、「this」の値として使用されるオブジェクト。
3. 例
// 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]