欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js 自帶的 map() 方法全面了解

 更新時間：2016年08月16日 09:37:51   投稿：jingxian  
下面小編就為大家?guī)硪黄猨s 自帶的 map() 方法全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1. 方法概述

map() 方法返回一個由原數(shù)組中的每個元素調(diào)用一個指定方法后的返回值組成的新數(shù)組。

2. 例子

2.1 在字符串中使用map

在一個 String  上使用 map 方法獲取字符串中每個字符所對應的 ASCII 碼組成的數(shù)組：

var map = Array.prototype.map
var a = map.call("Hello World", function(x) { return x.charCodeAt(0); })
// a的值為[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]

2.2 易犯錯誤

通常情況下，map 方法中的 callback 函數(shù)只需要接受一個參數(shù)（很多時候，自定義的函數(shù)形參只有一個），就是正在被遍歷的數(shù)組元素本身。

但這并不意味著 map 只給 callback 傳了一個參數(shù)（會傳遞3個參數(shù)）。這個思維慣性可能會讓我們犯一個很容易犯的錯誤。

// 下面的語句返回什么呢:
["1", "2", "3"].map(parseInt);
// 你可能覺的會是[1, 2, 3]
// 但實際的結果是 [1, NaN, NaN]

// 通常使用parseInt時,只需要傳遞一個參數(shù).但實際上,parseInt可以有兩個參數(shù).第二個參數(shù)是進制數(shù).可以通過語句"alert(parseInt.length)===2"來驗證.
// map方法在調(diào)用callback函數(shù)時,會給它傳遞三個參數(shù):當前正在遍歷的元素, 元素索引, 原數(shù)組本身.
// 第三個參數(shù)parseInt會忽視, 但第二個參數(shù)不會,也就是說,parseInt把傳過來的索引值當成進制數(shù)來使用.從而返回了NaN.

/*
//應該使用如下的用戶函數(shù)returnInt

function returnInt(element){
 return parseInt(element,10);
}

["1", "2", "3"].map(returnInt);
// 返回[1,2,3]
*/

參考 ： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map

以上這篇js 自帶的 map() 方法全面了解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論