詳解JavaScript中的forEach()方法的使用

2024-05-06 16:21:46

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了詳解JavaScript中的forEach()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下

JavaScript數組的 forEach()方法調用數組中的每個元素。

語法

array.forEach(callback[, thisObject]);

下面是參數的詳細信息：

callback : 函數測試數組的每個元素。

thisObject : 對象作為該執行回調時使用。

返回值:

返回創建數組。

兼容性：

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

if (!Array.prototype.forEach)

{

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

{

var len = this.length;

if (typeof fun != "function")

throw new TypeError();

var thisp = arguments[1];

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

{

if (i in this)

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

}

};

}

例子：

<html>

<head>

<title>JavaScript Array forEach Method</title>

</head>

<body>

<script type="text/javascript">

if (!Array.prototype.forEach)

{

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

{

var len = this.length;

if (typeof fun != "function")

throw new TypeError();

var thisp = arguments[1];

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

{

if (i in this)

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

}

};

}

function printBr(element, index, array) {

document.write("<br />[" + index + "] is " + element );

}

[12, 5, 8, 130, 44].forEach(printBr);

</script>

</body>

</html>