为javascript的JSON对象扩展forEach方法_js json foreach

最近发现javascript的JSON对象没有forEach这个方法，所以就自己动手扩展了一下，做个记录，方便以后使用。

1. Object prototype forEach

· 最初的代码

if (!Object.prototype.forEach) {
    Object.prototype.forEach = function(fn) {
        try {
            for (var key in this) {
                fn.call(this, this[key], key, this);
            }
        } catch (e) {
            throw new TypeError();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11

· 测试

var obj = {"a": 1,"b": 2};

obj.forEach(function(value, key, json){
    console.log(value, key, json);
    /*
    打印结果：
    1 "a" Object {a: 1, b: 2}
    2 "b" Object {a: 1, b: 2}
    function (fn) {
        try {
            for (var key in this) {
                fn.call(this, this[key], key, this);
            }
        } catch (e) {
            throw new TypeError();
        }
    } "forEach" Object {a: 1, b: 2}
    */
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

· 分析

以上测试结果，基本符合预期，不过有一个问题：在自定义方法的最后，把方法函数体本身也枚举出来了。为了解决这一问题，可以采用一个折中的办法：hasOwnProperty()，即确定某属性是否是对象本身的属性。

---

· 最终版(支持IE6+)

//  @support: IE6+, Firefox, Chrome

if (!Object.prototype.forEach) {
    Object.prototype.forEach = function(fn) {
        try {
            for (var key in this) {
                if (this.hasOwnProperty(key)) {
                    fn.call(this, this[key], key, this);
                }
            }
        } catch (e) {
            throw new TypeError();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

· 测试

var obj = {"a": 1,"b": 2};

obj.forEach(function(value, key, json){
    console.log(value, key, json);
    /*
      打印结果：
      1 "a" Object {a: 1, b: 2}
      2 "b" Object {a: 1, b: 2}
     */
}
1
2
3
4
5
6
7
8
9
10

然后结果完全符合预期了，Oh，Yeah ! 但是对于处女座，你以为就酱紫结束了吗？NO NO NO.

So, 请接着往下看

---

2. ECMAScript 5 defineProperty

在新版本的ECMAScript 5中，可以设置自定义对象的方法为不可枚举。支持IE9以上，具体设置如下：

//  @support: IE9+, Firefox, Chrome

if (!Object.prototype.forEach) {
    Object.prototype.forEach = function(fn) {
        try {
            for (var key in this) {
                fn.call(this, this[key], key, this);
            }
        } catch (e) {
            throw new TypeError();
        }
    }
}
/***************************************************/
try {
    Object.defineProperty(Object.prototype, "forEach", {
        enumerable: false //是否可枚举？false
    });
} catch (e) {
    //throw new TypeError();
    console.log(e);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

· 测试

var obj = {"a": 1,"b": 2};

obj.forEach(function(value, key, json){
    console.log(value, key, json);
    /**
     *  打印结果：
     *  1 "a" Object {a: 1, b: 2}
     *  2 "b" Object {a: 1, b: 2}
     */
}
1
2
3
4
5
6
7
8
9
10

---

以上就是全文，欢迎留言。同时感谢@jslang（天际的海浪）的指点。