js如何打印object对象


Posted in Javascript onOctober 16, 2015

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 相关文章推荐
javascript检测两个数组是否相似
May 19 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
react-router实现按需加载
May 09 Javascript
React服务端渲染(总结)
Jul 01 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
Vue中的v-for指令不起效果的解决方法
Sep 27 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
vue 引用自定义ttf、otf、在线字体的方法
May 09 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 Javascript
JavaScript ES 模块的使用
Nov 12 Javascript
JavaScript各类型的关系图解
Oct 16 #Javascript
js实现新浪微博首页效果
Oct 16 #Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 #Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 #Javascript
解决JS请求服务器gbk文件乱码的问题
Oct 16 #Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 #Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 #Javascript
You might like
PHP新手上路(八)
2006/10/09 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
最常用的jQuery表单验证(简单)
2017/05/23 jQuery
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
解决Angular2 router.navigate刷新页面的问题
2018/08/31 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
深入浅析python定时杀进程
2016/06/06 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
利用python循环创建多个文件的方法
2018/10/25 Python
python动态文本进度条的实例代码
2020/01/22 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
Python如何脚本过滤文件中的注释
2020/05/27 Python
在keras中实现查看其训练loss值
2020/06/16 Python
校长岗位职责
2013/11/26 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
募捐感谢信
2015/01/22 职场文书
保卫工作个人总结
2015/03/03 职场文书
2015年教育实习工作总结
2015/04/24 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
MySQL中IF()、IFNULL()、NULLIF()、ISNULL()函数的使用详解
2021/06/26 MySQL
Python使用pyecharts控件绘制图表
2022/06/05 Python