首頁  >  文章  >  web前端  >  javascript數組有map方法嗎

javascript數組有map方法嗎

青灯夜游
青灯夜游原創
2022-09-13 18:53:412113瀏覽

javascript陣列有map方法。在javascript中,陣列的map()方法用於對陣列的每個元素呼叫指定的回調函數,並傳回包含結果的陣列;語法格式為「array.map(回呼函數, thisValue);」。 map()方法將傳回一個新數組,其中每個元素均為關聯的原始數組元素的回調函數傳回值;對於數組中的每個元素,map()方法都會呼叫回調函數一次(採用升序索引順序) 。

javascript數組有map方法嗎

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

javascript陣列有map方法。

javascript 陣列map()方法

#map()方法可以對陣列的每個元素呼叫指定的回呼函數進行處理,並傳回包含結果的陣列。

map() 方法依照原始陣列元素順序依序處理元素。

語法

array.map(function(currentValue,index,arr), thisValue)
##描述index 可選。目前元素的索引值
#參數

  • function(currentValue, index,arr)

  • 必須。函數,數組中的每個元素都會執行這個函數。

    函數參數:
  • currentValue 必須。目前元素的值
arr 可選。目前元素屬於的數組物件

thisValue

可選。物件作為該執行回呼時使用,傳遞給函數,用作 "this" 的值。

如果省略了 thisValue,或是傳入 null、undefined,那麼回呼函數的 this 就是全域物件。


map() 方法將傳回一個新數組,其中每個元素均為關聯的原始數組元素的回調函數傳回值。對於陣列中的每個元素,map() 方法都會呼叫 回呼 函數一次(採用升序索引順序),不會為陣列中缺少的元素呼叫回呼函數。

除了陣列物件之外,map() 方法可由具有 length 屬性,且具有已依編制索引的屬性名稱的任何物件使用,如 Arguments 參數物件。

下面透過程式碼範例來具體了解一下:javascript數組有map方法嗎

範例1

#下面範例使用map() 方法來對應數組,把數組中每個元素的值平方,乘以PI 值,把傳回的圓的面積值當作新數組的元素值,最後回傳這個新數組。

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

javascript數組有map方法嗎

範例2

#下面範例使用map() 方法來對應數組,把數組中每個元素的值除以一個閾值,然後傳回這個新數組其中回調函數和閾值都以物件的屬性存在,透過這種方法示範如何在map 中使用thisArg 參數。

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

javascript數組有map方法嗎

範例3#下列範例示範如何使用 JavaScript 內建方法作為回呼函數。

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4
############【推薦學習:###javascript學習教學###、###web前端影片###】###

以上是javascript數組有map方法嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn