比较类似的数据对象
使用table()
方法查看结构化数据并比较数据对象。
table()
方法提供了一种简单的方法来查看包含类似数据的对象和数组。当调用时,它将获取到的对象属性创建为标题。每一行数据来自每个索引下的属性值。
基本示例: 记录对象的数组
在它最基本的形式中,你需要的是一个具有相同属性的对象数组。table()
命令将完整剩下的工作:
console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]);
console.table([[1,2,3], [2,3,4]]);
在Console
(控制台)中会输出:
高级示例:记录特定属性
table()
的第二个参数可用于记录更多高级对象。第二个参数是一个定义的数组,这个数组包含要显示属性的属性名,像这样:
function Person(firstName, lastName, age) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
}
var family = {};
family.mother = new Person("Susan", "Doyle", 32);
family.father = new Person("John", "Doyle", 33);
family.daughter = new Person("Lily", "Doyle", 5);
family.son = new Person("Mike", "Doyle", 8);
console.table(family, ["firstName", "lastName", "age"]);
在Console
(控制台)中会输出如下信息:
说明
翻译自:https://developers.google.com/web/tools/chrome-devtools/console/structured-data