龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript foreach()遍历打印输出数组元素值

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
文章利用了多个实例来介绍foreach()函数,对数组中的每个元素都执行一次指定的函数(callback)。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略. 打印
文章利用了多个实例来介绍foreach()函数,对数组中的每个元素都执行一次指定的函数(callback)。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略.

打印数组内容:
代码:
--------------------------------------------------------------------------------

 代码如下

function printElt(element, index, array) {
    document.writeln("[" + index + "] is " + element + "<br />");
}
[2, 5, 9].forEach(printElt);
// Prints:
// [0] is 2
// [1] is 5
// [2] is 9
结果:
--------------------------------------------------------------------------------
 [0] is 2
[1] is 5
[2] is 9


用对象的方法打印数组内容:
代码:
--------------------------------------------------------------------------------

 代码如下

var writer = {
 sb:       [],
 write:    function (s) {
  this.sb.push(s);
 },
 writeln:  function (s) {
  this.write(s + "<br />");
 },
 toString: function () {
  return this.sb.join("");
 }
};

[2, 5, 9].forEach(writer.writeln, writer);
document.writeln(writer.toString());
// Prints:
// 2
// 5
// 9
结果:
--------------------------------------------------------------------------------
 2
5
9


下面看实例

 代码如下

<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 forEach 方法
// 整理:http://www.111cn.net
// 来源:http://www.hzhuti.com
 
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);
        }
    };
}
 
</script>


精彩图集

赞助商链接