這篇文章給大家介紹console命令怎么在JavaScript中使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)公司是一家專注于成都網站設計、網站制作與策劃設計,正定網站建設哪家好?創(chuàng)新互聯(lián)公司做網站,專注于網站建設10余年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:正定等地區(qū)。正定做網站價格咨詢:18982081108

1.分類輸出

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('錯誤信息');

2.分組輸出

console.group('1');
 console.log("1-1");
 console.log("1-2");
console.groupEnd();
console.group('2');
 console.log("2-1");
 console.log("2-2");
console.groupEnd();

生成折疊的分組

console.group('1');
 console.log("1-1");
 console.log("1-2");
console.groupEnd();
console.group('2');
 console.log("2-1");
 console.log("2-2");
console.groupEnd();

嵌套

console.group('1');
 console.group("1-1");
  console.group("1-1-1");
   console.log('內容');
  console.groupEnd();
 console.groupEnd();
 console.group("1-2");
  console.log('內容');
  console.log('內容');
 console.groupEnd();
console.groupEnd();
console.groupCollapsed('2');
 console.group("2-1");
 console.log('內容');
 console.groupEnd();
 console.group("2-2");
 console.groupEnd();
console.groupEnd();

3.表格輸出

console.table()將傳入的對象，或數(shù)組以表格形式輸出

var Obj = {
 Obj1: {
  a: "a1",
  b: "b1",
  c: "c1"
 },
 Obj2: {
  a: "a2",
  b: "b2",
  c: "c2"
 },
 Obj3: {
  a: "a3",
  b: "b3",
  c: "c3"
 }
}
console.table(Obj);

var Arr = [
 ["a1","b1","c1"],
 ["a2","b2","c2"],
 ["a3","b3","c3"],
]
console.table(Arr);

4.查看對象

顯示一個對象的所有屬性和方法Console.dir()和Console.log()相同

var ss = {
 name: 'AA',
 title: 'title1', 
}
console.log("console.dir(ss)");
console.dir(ss);
console.log("console.log(ss)");
console.log(ss);

5.查看節(jié)點

Console.dirxml()顯示一個對象的所有屬性和方法