扩展jquery 实现增强版console.log方法

最新推荐文章于 2024-06-11 09:46:29 发布

原创最新推荐文章于 2024-06-11 09:46:29 发布 · 4.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #扩展

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何解决console.log()方法在输出对象时显示为[object Object]的问题，并通过扩展jQuery来优雅地打印各种类型的数据。展示了如何使用JSON.stringify()格式化输出，包括示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.console.log()方法在打印原始类型变量的时候会正常的输出，如string,number...，在输出对象类型的时候就会得到

[object Array]或[object Object],这时候就需要使用JSON.stringify()进行数据格式转换；

2.扩展jquery方法实现打印不同类型的数据
$.extend({
    log:function(message){
        if(typeof(message) == "object"){
            console.log(JSON.stringify(message,undefined,4));
        }else{
            console.log(message);
        }
    }
})

输入：var arr = [{name:'xxx',age:'11'},{name:'yyy',age:'12'}]
   var arr1 = ['xx','yy']
   $.log(arr);
   $.log(arr1);
控制台打印结果：[
    {
        "name": "xxx",
        "age": "11"
    },
    {
        "name": "yyy",
        "age": "12"
    }
]

[
    "xx",
    "yy"
]