js console.log打印对像与数组用法详解


Posted in Javascript onJanuary 21, 2016

本文实例讲述了js console.log打印对像与数组用法。分享给大家供大家参考,具体如下:

console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump。console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个函数。在说这个函数之前,我想大家用的最多查看js输出,是alert吧,但是alert,只能弹string或者是int的

一、测试文件test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
  {
    'id': 1,
    'content': 'test',
    'firstname': function() {
      document.getElementById('firstname').value = "zhang";
    },
    'lastname': function() {
      document.getElementById('lastname').value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id='firstname' name="firstname" value=''>
   <input type="text" id='lastname' name='lastname' value=''>
</body>
</html>

二、chrome 开发工具查看js对像

js console.log打印对像与数组用法详解

console chrome

现在chrome开发者工具和firebug,我用的时候,一半对一半。chrome开发者工具,还有一个功能,firebug不具有.

控制台可以运行js,如果这个页面是iframe的话,firebug只能运行在父级上面,而chrome可以选择里面的页面执行,如果下图

js console.log打印对像与数组用法详解

chrome iframe console

三、firebug查看js对像

js console.log打印对像与数组用法详解

firebug console

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS location几个方法小姐
Jul 09 Javascript
js常用代码段整理
Nov 30 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
javascript中FOREACH数组方法使用示例
Mar 01 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
JS删除对象中某一属性案例详解
Sep 08 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
JS遍历数组及打印数组实例分析
Jan 21 #Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 #Javascript
如何用angularjs制作一个完整的表格
Jan 21 #Javascript
angularjs自定义ng-model标签的属性
Jan 21 #Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 #Javascript
js实现的二分查找算法实例
Jan 21 #Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 #Javascript
You might like
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
工程地质勘察专业大学生求职信
2013/10/13 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
接待员岗位责任制
2014/02/10 职场文书
个性与发展自我评价
2014/02/11 职场文书
和解协议书
2014/04/16 职场文书
关工委先进个人事迹材料
2014/05/23 职场文书
业务员岗位职责
2015/02/03 职场文书
李白故里导游词
2015/02/12 职场文书
测量员岗位职责
2015/02/14 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技