在JavaScript中操作數(shù)組之map()方法的使用

2024-05-06 16:21:49

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

這篇文章主要介紹了在JavaScript中操作數(shù)組之map()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

JavaScript 數(shù)組map()方法創(chuàng)建一個新的數(shù)組使用調(diào)用此數(shù)組中的每個元素上所提供的函數(shù)的結(jié)果。

語法

array.map(callback[, thisObject]);

下面是參數(shù)的詳細信息：

callback : 從當(dāng)前的元素函數(shù)產(chǎn)生新的數(shù)組的元素。

thisObject : 對象作為該執(zhí)行回調(diào)時使用

返回值:

返回創(chuàng)建數(shù)組

兼容性：

這種方法是一個JavaScript擴展到ECMA-262標準;因此它可能不存在在標準的其他實現(xiàn)。為了使它工作，你需要添加下面的腳本代碼在頂部：

if (!Array.prototype.map)

{

Array.prototype.map = function(fun /*, thisp*/)

{

var len = this.length;

if (typeof fun != "function")

throw new TypeError();

var res = new Array(len);

var thisp = arguments[1];

for (var i = 0; i < len; i++)

{

if (i in this)

res[i] = fun.call(thisp, this[i], i, this);

}

return res;

};

}

例子：

<html>

<head>

<title>JavaScript Array map Method</title>

</head>

<body>

<script type="text/javascript">

if (!Array.prototype.map)

{

Array.prototype.map = function(fun /*, thisp*/)

{

var len = this.length;

if (typeof fun != "function")

throw new TypeError();

var res = new Array(len);

var thisp = arguments[1];

for (var i = 0; i < len; i++)

{

if (i in this)

res[i] = fun.call(thisp, this[i], i, this);

}

return res;

};

}

var numbers = [1, 4, 9];

var roots = numbers.map(Math.sqrt);

document.write("roots is : " + roots );

</script>

</body>

</html>