讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

js如何打印object对象_javascript技巧

php中文网
发布： 2016-05-16 15:36:30
原创
2305人浏览过

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

function writeObj(obj){ 
 var description = ""; 
 for(var i in obj){ 
  var property=obj[i]; 
  description+=i+" = "+property+"
"; 
 } 
 alert(description); 
}
登录后复制

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

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

Sora
Sora

Sora是OpenAI发布的一种文生视频AI大模型，可以根据文本指令创建现实和富有想象力的场景。

Sora 538
查看详情 Sora 
function obj2string(o){ 
 var r=[]; 
 if(typeof o=="string"){ 
  return """+o.replace(/(['"\])/g,"\$1").replace(/(
)/g,"\n").replace(/(
)/g,"\r").replace(/(	)/g,"\t")+"""; 
 } 
 if(typeof o=="object"){ 
  if(!o.sort){ 
   for(var i in o){ 
    r.push(i+":"+obj2string(o[i])); 
   } 
   if(!!document.all&&!/^
?functions*toString()s*{
?s*[native code]
?s*}
?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打印object对象，希望对大家的学习有所帮助。

相关标签：
js

大家都在看：

全能打印神器
全能打印神器

全能打印神器是一款非常好用的打印软件，可以在电脑、手机、平板电脑等设备上使用。支持无线打印和云打印，操作非常简单，使用起来也非常方便，有需要的小伙伴快来保存下载体验吧！

下载
来源：php中文网
收藏 点赞
上一篇：JS+CSS实现另类带提示效果的竖向导航菜单_javascript技巧 下一篇：javascript实现3D切换焦点图_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript中的Express框架是什么_它如何简化Web应用的开发呢 Express是基于Node.js的轻量级Web框架，提供简洁API快速搭建服务器，支持直观路由定义、动态路径参数、中间件机制及灵活集成静态文件、会话、模板引擎等功能。
2025-12-23 09:02:03
429
什么是JavaScript中的条件语句_如何使用if和switch进行逻辑判断？ JavaScript条件语句核心是if和switch：if用于真假判断与多分支，支持elseif/else；switch适合固定值匹配，需break防穿透且用===比较；选择依据是判断性质——范围/布尔用if，离散值用switch；三元运算符、&&、||、??可简化简单逻辑。
2025-12-23 08:19:42
499
javascript严格模式是什么_为什么应该使用use strict？ 严格模式通过"usestrict"启用，使JavaScript错误显式报错而非静默处理，解决全局变量污染、with语句模糊作用域、this指向异常、arguments.callee不安全等问题，ES6模块和现代框架已默认启用。
2025-12-23 08:07:02
778
Javascript的Service Worker是什么_如何构建离线应用？ ServiceWorker是运行在浏览器后台的可编程代理层，支持拦截请求、缓存管理、推送通知和离线访问；需HTTPS注册，独立线程运行，无法访问DOM，通过install/activate/fetch事件实现缓存策略与离线能力。
2025-12-23 08:06:35
226
javascript JSON是什么_如何解析和序列化JSON数据？ JSON是一种轻量级数据交换格式，语法源于JavaScript但非其专有；键必须双引号字符串，值支持字符串、数字、布尔、null、数组、对象；不支持函数、undefined等；需用JSON.parse()解析、JSON.stringify()序列化，注意类型丢失与格式合规性。
2025-12-23 07:01:22
895
JavaScript DOM是什么_如何操作网页元素？ DOM是浏览器将HTML转换成的JS可操作树状结构，包含节点、属性、方法和事件；通过getElementById、querySelector等获取元素；可修改内容、样式、显隐状态，并动态增删改元素。
2025-12-23 06:55:30
137
什么是JavaScript中的Symbol类型_它为何用于创建唯一标识符？ Symbol是JavaScript中用于生成唯一不可变值的原始类型，主要作为对象属性键避免命名冲突；每次Symbol()调用均返回不同值，描述字符串仅用于调试；支持全局注册表Symbol.for()和内置Symbol扩展语言行为。
2025-12-23 06:21:33
282
javascript中的事件循环是什么_它如何管理异步任务？ JavaScript事件循环是单线程异步执行的核心机制，通过协调调用栈、宏任务队列与微任务队列实现；每轮先执行一个宏任务，再清空所有微任务，最后渲染（浏览器），确保微任务总优先于下一宏任务执行。
2025-12-23 04:33:29
430
如何实现JavaScript拖放功能_HTML5 Drag API怎样使用 HTML5DragAPI通过draggable="true"和dragstart等事件实现原生拖放，需阻止dragover默认行为以启用drop，支持多数据类型及自定义视觉反馈。
2025-12-22 22:47:17
985
javascript如何实现服务端渲染_与传统渲染方式有什么不同 JavaScript服务端渲染（SSR）核心是Node.js中预执行框架代码生成HTML字符串并返回，区别于CSR的客户端动态构建；关键步骤包括路由匹配、数据预取、renderToString、模板注入与hydrate；需规避浏览器API、处理样式提取及上下文传递。
2025-12-22 22:46:02
129
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部