为javascript的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();
        }
    }
}

· 测试

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}
    */
})

· 分析

以上测试结果,基本符合预期,不过有一个问题:在自定义方法的最后,把方法函数体本身也枚举出来了。为了解决这一问题,可以采用一个折中的办法: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();
        }
    }
}

· 测试

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}
     */
}

然后结果完全符合预期了,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);
}

· 测试

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}
     */
}

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

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用 JavaScript 来将 JSON 数据提取到 Excel 文件中。以下是一种常见的方法: 1. 首先,将 JSON 数据转换为一个包含表格数据的二维数组。你可以使用 JavaScript 的 `JSON.parse()` 函数将 JSON 字符串转换为 JavaScript 对象,然后遍历对象,提取所需的数据,并将其存储在一个二维数组中。 ```javascript var jsonData = '{"data": [{"name": "Alice", "age": 25}, {"name": "Bob", "age": 30}]}'; var data = JSON.parse(jsonData).data; // 创建一个空的二维数组 var tableData = []; // 遍历 JSON 数据,提取所需的值并添加到二维数组中 data.forEach(function(item) { var row = [item.name, item.age]; tableData.push(row); }); ``` 2. 接下来,使用第三方库如 SheetJS(https://sheetjs.com/)来生成 Excel 文件。你可以通过引入相应的库文件或使用 npm 安装。 ```javascript // 创建一个新的工作簿 var workbook = XLSX.utils.book_new(); // 创建一个工作表 var worksheet = XLSX.utils.aoa_to_sheet(tableData); // 将工作表添加到工作簿中 XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 将工作簿保存为 Excel 文件 XLSX.writeFile(workbook, 'data.xlsx'); ``` 3. 最后,在浏览器中运行该 JavaScript 代码,生成的 Excel 文件将自动下载到你的计算机中。 请注意,这是一种简单的方法,你可以根据你的需求进行调整和扩展。同时,确保在使用第三方库时遵循其使用规范和许可证要求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值