這篇文章主要講解了“map是不是es6中的方法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“map是不是es6中的方法”吧！

成都創新互聯2013年開創至今，是專業互聯網技術服務公司，擁有項目成都網站設計、成都網站制作網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元柴桑做網站,已為上家服務,為柴桑各地企業和個人服務,聯系電話:13518219792

map是es6中的方法；該方法可以對數組的每個元素調用指定的回調函數，并且返回包含結果的數據，返回結果是一個新的數組，語法為“數組對象.map(function 回調函數(數組元素的值,數組元素索引,數組對象));”。

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

map是es6中的方法嗎

map() 方法可以對數組的每個元素調用指定的回調函數，并返回包含結果的數組。具體用法如下：

array.map(callbackfn[, thisArg]);

參數說明：

• array：必需參數，一個數組對象。

• callbackfn：必需參數，最多可以接收三個參數的函數。對于數組中的每個元素，map() 方法都會調用 callbackfn 函數一次。

• thisArg：可選參數，callbackfn 函數中的 this 關鍵字可引用的對象。如果省略 thisArg，則 undefined 將用作 this 值。

map() 方法將返回一個新數組，其中每個元素均為關聯的原始數組元素的回調函數返回值。對于數組中的每個元素，map() 方法都會調用 callbackfn 函數一次（采用升序索引順序），并不會為數組中缺少的元素調用回調函數。

除了數組對象之外，map() 方法可由具有 length 屬性，且具有已按編制索引的屬性名的任何對象使用，如 Arguments 參數對象。

回調函數的語法如下：

function callbackfn (value, index, array);

用戶可以使用最多三個參數來聲明回調函數?；卣{函數的參數說明如下：

• value：數組元素的值。

• index：數組元素的數字索引。

• array：包含該元素的數組對象。

示例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);

示例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

感謝各位的閱讀，以上就是“map是不是es6中的方法”的內容了，經過本文的學習后，相信大家對map是不是es6中的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

名稱欄目：map是不是es6中的方法
文章鏈接：http://vcdvsql.cn/article8/podeop.html

成都網站建設公司_創新互聯，為您提供網站收錄、虛擬主機、手機網站建設、響應式網站、網站設計公司、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯