How to print object array in JavaScript

Question

I have created an object array in JavaScript  How can I print the object array in the browser window  similar to print r function in PHP   var lineChartData                  date  new Date 2009  10  2               value  5                          date  new Date 2009  10  25               value  30                          date  new Date 2009  10  26               value  72              customBullet   images redstar png

User · Answer

Not sure about the subelements  but all browsers should support this now   for  val of lineChartData      document write val       This might give you some ideas For-each over an array in JavaScript

User · Answer

There is a wonderful print r implementation for JavaScript in php js library   Note  you should also add echo support in the code   DEMO  http   jsbin com esexiw 1

User · Answer

Did you check  console table yourArray     More infos here  https   developer mozilla org en-US docs Web API Console table

User · Answer

I use the below function to display a readout in firefox console log               make printable string for console readout  recursively var make printable object   function ar use                internal arguments var in tab   arguments 1   var st return   arguments 2               default vales when applicable if   in tab  in tab   0  if   st return  st return                   add depth var st tab       for  var i 0  i  lt  in tab  i    st tab   st tab  - - -                traverse given depth and build string for  var key in ar use                    gather return type     var st returnType   typeof ar use key                   get current depth display     var st returnPrime   st tab      key    - gt   ar use key    lt  is    st returnType                      remove linefeeds to avoid printout confusion     st returnPrime   st returnPrime replace    r n  n  r  gm                      add line feed     st return   st return st returnPrime   n                    stop at a depth of 15     if  in tab gt 15  return st return                  if current value is an object call this function     if    typeof ar use key      object    amp   ar use key      null    amp   ar use key     null    st return   make printable object ar use key   in tab 1  st return                    return complete output return st return        Example   console log  make printable object  some object        Alternatively  you can just replace   st return   st return st returnPrime   n     with   st return   st return st returnPrime   lt br  gt      to print out in a html page

User · Answer

Simply stringify your object and assign it to the innerHTML of an element of your choice   yourContainer innerHTML   JSON stringify lineChartData     If you want something prettier  do  yourContainer innerHTML   JSON stringify lineChartData  null  4      x000D   x000D  var lineChartData      x000D              date  new Date 2009  10  2   x000D              value  5 x000D               x000D              date  new Date 2009  10  25   x000D              value  30 x000D               x000D              date  new Date 2009  10  26   x000D              value  72  x000D              customBullet   images redstar png  x000D              x000D   x000D  document getElementById  whereToPrint   innerHTML   JSON stringify lineChartData  null  4   x000D   lt pre id  whereToPrint  gt  lt  pre gt  x000D   x000D   x000D    But if you just do this in order to debug  then you d better use the console with console log lineChartData

User · Answer

Simple function to alert contents of an object or an array   Call this function with an array or string or an object it alerts the contents   Function  function print r printthis  returnoutput        var output            if   isArray printthis     typeof printthis      object             for var i in printthis                output    i           print r printthis i   true      n                  else           output    printthis            if returnoutput  amp  amp  returnoutput    true            return output       else           alert output             Usage  var data    1  2  3  4   print r data

User · Answer

you can use console log   to print object console log my object array    in case you have big object and want to print some of its values then you can use this  custom function to print array in console this print   function  data bpoint 0        var c   0      for var k 0  k lt data length  k             c            console log c      data k            if k  0  amp  amp  bpoint     k break             usage print array        to print entire obj array  or print array 50       50 value to print only

User · Answer

You can just use the following syntax and the object will be fully shown in the console   console log  object evt   O   object     I use Chrome browser don t know if this is adaptable for other browsers

User · Answer

If you are using Chrome  you could also use  console log  yourArray

User · Answer

Emm    Why not to use something like this    x000D   x000D  function displayArrayObjects arrayObjects    x000D          var len   arrayObjects length  text       x000D   x000D          for  var i   0  i  lt  len  i      x000D              var myObject   arrayObjects i   x000D               x000D              for  var x in myObject    x000D                  text      x          myObject x          x000D                x000D              text      lt br  gt    x000D            x000D   x000D          document getElementById  message   innerHTML   text  x000D        x000D               x000D               x000D              var lineChartData      x000D                  date  new Date 2009  10  2   x000D                  value  5 x000D                   x000D                  date  new Date 2009  10  25   x000D                  value  30 x000D                   x000D                  date  new Date 2009  10  26   x000D                  value  72  x000D                  customBullet   images redstar png  x000D                  x000D   x000D              displayArrayObjects lineChartData   x000D   lt h4 id  message  gt  lt  h4 gt  x000D   x000D   x000D    result   date  Mon Nov 02 2009 00 00 00 GMT 0200  FLE Standard Time  value  5  date  Wed Nov 25 2009 00 00 00 GMT 0200  FLE Standard Time  value  30  date  Thu Nov 26 2009 00 00 00 GMT 0200  FLE Standard Time  value  72 customBullet  images redstar png    jsfiddle

User · Answer

document getElementById  container   innerHTML   lineChartData array index

[javascript] How to print object array in JavaScript?

Examples related to javascript

Examples related to arrays

Examples related to object