Console Log

YT Fire Ship Console Log 100 Seconds | MDN Console Utilities | MDN Console Api | Hidden console.log Features! | JavaScript Pro Tips #1

MDN Web Api Documentation

Clear

      clear();
    
Dir

  document.body;
  dir(document.body);
    
Keys

      yadayada
    
Tables


  more yadayada
console.table()

  // an object whose properties are strings

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

var me = new Person("John", "Smith");

console.table(me);
Compound Types
// an array of arrays

  var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
  console.table(people);
// an array of objects

  function Person(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
  
  var john = new Person("John", "Smith");
  var jane = new Person("Jane", "Doe");
  var emily = new Person("Emily", "Jones");
  
  console.table([john, jane, emily]);

Console.Group
console.log("This is the outer level");
  console.group();
  console.log("Level 2");
  console.group();
  console.log("Level 3");
  console.warn("More of level 3");
  console.groupEnd();
  console.log("Back to level 2");
  console.groupEnd();
  console.log("Back to the outer level");
  




Last Updated:

Saturday December 18 2021 0847 AM