console.table()调试javascript

最新推荐文章于 2020-06-13 17:26:35 发布

BJ_benjamin

最新推荐文章于 2020-06-13 17:26:35 发布

阅读量1.3k

点赞数

分类专栏：前端之Javascript

本文链接：https://blog.csdn.net/cuew1987/article/details/16803619

版权

前端之Javascript 专栏收录该内容

60 篇文章 2 订阅

订阅专栏

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
<script>
/**
 * 
 * @authors Benjamin
 * @date    2013-11-18 13:08:18
 * console.table()调试javascript
 * 直接进入实例
 */
//定义一个对象
var obj = {
	"name":"张三",
	"age" :20,
	"sex" :"male"
};
console.log("------obj------");
console.log("console.log()打印：");
console.log(obj);
console.log("console.table打印：");
console.table(obj);

//定义一个数组
var arr = ["aa","bb","cc","dd"];
console.log("------arr------");
console.log("console.log()打印：");
console.log(arr);
console.log("console.table打印：");
console.table(arr);

//定义一个多维数组
var arr = ["aa","bb","cc","dd",["ee","ff","gg",["hh","ii"]]];
console.log("------arr------");
console.log("console.log()打印：");
console.log(arr);
console.log("console.table打印：");
console.table(arr);

//定义一个对象数组
var objArr = [{
	"name":"张三",
	"age" :20,
	"sex" :"male"
},{
	"name":"张三",
	"age" :20,
	"sex" :"male"
}];
console.log("------objArr------");
console.log("console.log()打印：");
console.log(objArr);
console.log("console.table打印：");
console.table(objArr);

//定义一个多级对象数组
var objGradeArr = [{
	"name":"张三",
	"age" :20,
	"sex" :"male",
	"attribute":{
		"a":"aa",
		"b":"bb",
		"c":"cc"
	}
},{
	"name":"张三",
	"age" :20,
	"sex" :"male",
	"attribute":{
		"a":"aa2",
		"b":"bb2",
		"c":"cc2"
	}
}];
console.log("------objGradeArr------");
console.log("console.log()打印：");
console.log(objGradeArr);
console.log("console.table打印：");
console.table(objGradeArr);
</script>
</body>
</html>

调试结果如下图：

最后：

在Chrome效果与Firefox中略有不同，请亲们自己测试下。

BJ_benjamin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
console.table()调试javascript

/** * * @authors Benjamin * @date 2013-11-18 13:08:18 * console.table()调试javascript * 直接进入实例 *///定义一个对象var obj = { "name":"张三", "age" :20, "sex" :"male"};console.log("---
复制链接

扫一扫