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 一些用法小结
Sep 11 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
May 12 Javascript
浅谈JavaScript作用域和闭包
Sep 18 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
Feb 22 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
vue开发环境配置跨域的方法步骤
Jan 16 Javascript
js基础之事件捕获与冒泡原理
Oct 09 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关联链接常用代码
2012/11/05 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
Yii2-GridView 中让关联字段带搜索和排序功能示例
2017/01/21 PHP
可输入的下拉框
2006/06/19 Javascript
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
JavaScript的document对象和window对象详解
2010/12/30 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
JavaScript 开发工具webstrom使用指南
2014/12/09 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
python进阶教程之模块(module)介绍
2014/08/30 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
给酒店员工的表扬信
2014/01/11 职场文书
公司业务员岗位职责
2014/03/18 职场文书
学校评语大全
2014/05/06 职场文书
北京颐和园导游词
2015/01/30 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
Python中的变量与常量
2021/11/11 Python