Beyond console.log()

Subscribe to my newsletter and never miss my upcoming articles

We all have been using console.log(), but many more options are available out there.Let us see them now

The most useful type beyond log is console.table()

console.table()

  • Takes in JSON or an array and prints in table format
  • Very handy while visualising json objects and arrays
  • Syntax:

    console.table({
    "id":"1",
    "key":"value",
    "count":2
    });
    

Alt Text

 console.table([
                    {
                        id: "1",
                        key: "value",
                        count: 2,
                        },
                     {
                         id: "2",
                         key: "value2",
                             count: 22,
                       },
                       {
                            id: "3",
                            key: "value3",
                                count: 5,
                               },
                     ]);

Alt Text

The next useful method is error

console.error()

  • useful to differentiate errors from output logs while debugging

Alt Text

  • red in color

Next one, useful while calculating runnning times is time method

Time(time,timeLog,timeEnd)

  • To understand this, let us assume scenario of a stopwatch Alt Text
  • console.time()
    • equivalent to stopwatch start
  • console.timeLog()
    • like stopwatch lap/split
  • console.timeEnd()

    • stopwatch end

    • It works on basis of label. Label should be the same to get expected output

          console.time("ForLoop");  
                  // "ForLoop" is label here
          for (let i = 0; i < 5; i++) {
          console.timeLog('ForLoop'); 
            }
            console.timeEnd("ForLoop");
      

    Alt Text

Next one is warning

console.warn();

Alt Text

 - yellow color 
 - For warnings

console.assert()

console.assert(assert_statement,message)

  • evaluate assertion statement and if it is false displays the message
  if(3!=2){
    console.error({ msg1: "msg1", msg2: "msg2" });
  }
            -----------same as---------
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });

Alt Text

Other way console.assert(assert_statement,message,args)

console.assert(false, "%d nd type for  %s ",2,"console.assert() method");

Alt Text

Useful method for counting

  • console.count() works on basis of label

    • console.count(label)

           for (let i = 0; i < 3; i++) {
             console.count("label");
             console.count();
             console.count(i);
           }
      
           // output for
           console.count()  console.count("label")   console.count(i)
           default: 1                label: 1                0: 1
           default: 2                label: 2                1: 1
           default: 3                label: 3                2: 1
      
      • console.count()
        • if no label is mentioned it will consider default as label
        • The problem with default is it will continue the count like this Alt Text
    • console.countReset(label)

    • resets count of specified label to 0

I mentioned only few methods which I think are more helpful.To check all the available methods refer here

No Comments Yet