js如何打印object对象

 更新时间:2015年10月16日 11:59:42   投稿:lijiao  
这篇文章主要介绍了js如何打印object对象,需要的朋友可以参考下

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

function writeObj(obj){ 
 var description = ""; 
 for(var i in obj){ 
 var property=obj[i]; 
 description+=i+" = "+property+"\n"; 
 } 
 alert(description); 
} 

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

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

function obj2string(o){ 
 var r=[]; 
 if(typeof o=="string"){ 
 return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; 
 } 
 if(typeof o=="object"){ 
 if(!o.sort){ 
  for(var i in o){ 
  r.push(i+":"+obj2string(o[i])); 
  } 
  if(!!document.all&&!/^\n?function\s*toString\(\)\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)){ 
  r.push("toString:"+o.toString.toString()); 
  } 
  r="{"+r.join()+"}"; 
 }else{ 
  for(var i=0;i<o.length;i++){ 
  r.push(obj2string(o[i])) 
  } 
  r="["+r.join()+"]"; 
 } 
 return r; 
 } 
 return o.toString(); 
} 

更多关于js打印功能的内容,点击《js打印功能汇总》专题学习

以上两步骤就能完成js打印object对象,希望对大家的学习有所帮助。

相关文章

  • JavaScript之BOM构成和常用事件详解

    JavaScript之BOM构成和常用事件详解

    这篇文章主要为大家介绍了JavaScript BOM构成和常用事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12
  • UniApp WebView页面中的请求跨域问题解决

    UniApp WebView页面中的请求跨域问题解决

    在使用UniApp开发中,通过WebView组件加载本地网页时,往往会遇到跨域问题,下面这篇文章主要介绍了UniApp WebView页面中的请求跨域问题解决的相关资料,需要的朋友可以参考下
    2024-10-10
  • 微信小程序实现文字无限轮播效果

    微信小程序实现文字无限轮播效果

    这篇文章主要为大家详细介绍了微信小程序实现文字无限轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript利用crypto模块实现加解密

    JavaScript利用crypto模块实现加解密

    crypto模块提供了加密功能,包含对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。本文将利用它实现加解密算法,需要的可以参考一下
    2023-02-02
  • js中如何对url进行编码和解码

    js中如何对url进行编码和解码

    这篇文章主要介绍了js中如何对url进行编码和解码问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-11-11
  • JS+CSS实现仿msn风格选项卡效果代码

    JS+CSS实现仿msn风格选项卡效果代码

    这篇文章主要介绍了JS+CSS实现仿msn风格选项卡效果代码,涉及JavaScript响应鼠标事件动态变换页面元素css样式实现切换功能的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 基于js 本地存储(详解)

    基于js 本地存储(详解)

    下面小编就为大家带来一篇基于js 本地存储(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • MockJs结合json-server模拟后台数据

    MockJs结合json-server模拟后台数据

    这篇文章主要为大家详细介绍了MockJs结合json-server模拟后台数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JavaScript中判断对象是否为空的方法小结

    JavaScript中判断对象是否为空的方法小结

    在JavaScript中,判断一个对象是否为空可以有多种方法,这篇文章主要为大家详细介绍了几种常见的方法,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • javascript 动态加载 css 方法总结

    javascript 动态加载 css 方法总结

    有时候我们在设计网页的时候想动态的加载css文件,并不是将css文件写死在页面中,这时就可以使用下面方法.
    2009-07-07

最新评论