您的位置:首页 > Web前端 > javascript

console.table调试JSON对象或字符串

更多 2016/7/2 来源:javascript学习浏览量:1094
学习标签: JSON js调试
本文导读:在JS编程中,经常需要从后端返回JSON字符串或者对象,为了更加直观的调试JSON字符串,可以在谷歌浏览器控制台使用console.table将JSON字符串或者对象以表格的形式显示出来。

一、使用方式

console.table(data,[col1,col2,...])

1、table 方法把data 对象、JSon字符串等用表格的方式显示出来,这在显示数组或者格式一样的JSON 对象的时候非常有用

2、第二个参数为可选参数,表示只显示指定的列

2、在IE浏览器下面没有这个函数,但在谷歌浏览器、火狐浏览器中可以使用

 

二、实例

 

1、JSon对象实例
 
 
 
JScript 代码   复制

var languages = { 
    csharp: {id:1, name: "C#", paradigm: "object-oriented"}, 
    fsharp: {id:2, name: "F#", paradigm: "functional" } 
};
console.table(languages);

 

结果如图

 

 

2、JSON字符串实例

 

JScript 代码   复制

var languages =[
{"CityId":18,"CityName":"西安","ProvinceId":27,"CityOrder":1},
{"CityId":53,"CityName":"广州","ProvinceId":27,"CityOrder":1}];

console.table(languages);

 

结果如图

 

3、显示部分列

 

 

 
 
收藏
382
很赞
279