资讯专栏INFORMATION COLUMN

js如何打印object对象

zhaofeihao / 1992人阅读

摘要:调试中经常会碰到输出的内容是对象而无法打印的时候,光靠只能打印出标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下另外当你需要将对象转换为字符串。

js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方便,于是各方面整理总结了如下一个函数,能够将数组或者对象这类的结果一一打印出来,具体代码如下:

</>复制代码

  1. </>复制代码

    1. function writeObj(obj){
    2. var description = "";
    3. for(var i in obj){
    4. var property=obj[i];
    5. description+=i+" = "+property+"
    6. ";
    7. }
    8. alert(description);
    9. }

另外当你需要将object对象转换为string字符串。

有下面这个函数就好了,可以将其转化为字符串类型,然后就可以打印出来了,具体代码如下:

function obj2string(o){

</>复制代码

  1. var r=[];
  2. if(typeof o=="string"){
  3. return """+o.replace(/([""])/g,"$1").replace(/(
  4. )/g,"
  5. ").replace(/(
  6. ) /g,"
  7. ").replace(/(
  8. ) /g,"
  9. ")+""";
  10. }
  11. if(typeof o=="object"){
  12. if(!o.sort){
  13. for(var i in o){
  14. r.push(i+":"+obj2string(o[i]));
  15. }
  16. if(!!document.all&&!/^
  17. ?functions*toString()s*{
  18. ?s*[native code]
  19. ?s*}
  20. ?s*$/.test(o.toString)){
  21. r.push("toString:"+o.toString.toString());
  22. }
  23. r="{"+r.join()+"}";
  24. }else{
  25. for(var i=0;i

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82258.html

相关文章

  • JS中那些拧巴的概念-原型

    摘要:测试目录在文件中引入文件以下所有文件都在中玩原型构造器一说到原型一定和对象直接相关。的概念应该理解的差不多了,下面我们再造几个构造器作为练习。将构造器中的方法拷贝到实例化的对象当中。 测试目录: showImg(https://segmentfault.com/img/bV3Vlm?w=165&h=88); 在html文件中引入js文件 showImg(https://segmentf...

    mengera88 评论0 收藏0
  • 如何继承Date对象?由一道题彻底弄懂JS继承。

    摘要:前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正。倘若用的是中文搜索。所以最终的实例对象仍然能进行正常的原型链回溯,回溯到原本的所有原型方法这样通过一个巧妙的欺骗技巧,就实现了完美的继承。 前言 见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正。 20180201更新: 修改用词描述,如组合寄生式改成寄生组合式,修改多处笔误(感谢@Yao Ding的...

    sunnyxd 评论0 收藏0
  • 面向对象的 JavaScript

    摘要:是完全的面向对象语言,它们通过类的形式组织函数和变量,使之不能脱离对象存在。而在基于原型的面向对象方式中,对象则是依靠构造器利用原型构造出来的。 JavaScript 函数式脚本语言特性以及其看似随意的编写风格,导致长期以来人们对这一门语言的误解,即认为 JavaScript 不是一门面向对象的语言,或者只是部分具备一些面向对象的特征。本文将回归面向对象本意,从对语言感悟的角度阐述为什...

    novo 评论0 收藏0
  • JavaScript 进阶问题列表,你掌握了多少?

    摘要:在第四次调用时,回调函数依然没有返回值。累加器再次为,当前值为。 经常写业务就容易忽视对基础知识的补充和加强,但在面试中,基础知识点是非常重要的考核部分。本文要分享的是,一位开发者每天都会发布的 JavaScript 问题。有的容易,有的会有难度,对基础知识的查缺补漏非常有帮助,也是你进阶路上必然要掌握的知识。 以下挑选了10个问题,紧跟其后的就是对这道题的详细解答。如果你想看所有的题...

    ethernet 评论0 收藏0
  • js深入(一)从原型理解原型链

    摘要:构造函数创建一个对象上边这个例子,我们通过构造函数创建了一个实例,从这个实例到他的原型到最后得,他们之间得关系,就形成了一个原型链和首先上边这个例子里边,我们声明了一个构造函数,在后再这个构造函数里边有一个的属性。 构造函数创建一个对象 function Person() { } var person = new Person(); person.name = zhangsan; c...

    马忠志 评论0 收藏0

发表评论

0条评论

zhaofeihao

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<