get data from javascript object without using key name

Question

currently working with jquery object

the object contains data like

data[0]={CustUserID: 31, FirstName: "System12", LastName: "Administrator", CustUserName: "SysAdmin"}

this object contains n number of records,and we get the length using data.length

and also each object each record contains different type of keys and n number of keys with value

so now i am trying to get each key name and value name from each record and need to show on page.

on html view:

CustUserID=31
FirstName=System12
LastName=Administrator
CustUserName=SysAdmin

the code i wrote for this is

  var data="";
    for(var i=0;i<data.length;i++)
    {
    data= data+"</br>CustUserID="+data[i].CustUserID+
               "</br>FirstName="+data[i].FirstName+
               "</br>LastName="+data[i].LastName+
               "</br>CustUserName="+data[i].CustUserName;

    }

$("#DivData").html(data);

but i stucked when data keys are dynamically changing according to user requirment so at that i am facing problem to get data, so i need to get key names and data should be looped dynamically.

please help me...

thank you guys..

LJ Wadowski · Accepted Answer · 2014-10-24 08:20:10Z

1

You can use jQuery .each()

var data_result = '';
//first loop will go trough all data array elements
$.each(data, function(key, data_element){
    // second loop will go trough all object keys
    $.each(data_element, function(key, value){
        data_result += '<br/>' + key + '= ' + value);
    });
});
$("#DivData").html(data_result );

edited Oct 24, 2014 at 8:20

answered Oct 24, 2014 at 8:14

LJ Wadowski

6,79011 gold badges49 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jasonscript · Accepted Answer · 2014-10-24 08:36:07Z

0

You can do this without jQuery too

     var data = {
       CustUserID: 31,
       FirstName: "System12",
       LastName: "Administrator",
       CustUserName: "SysAdmin"
     };
     var dataHtml = '';

     for (var p in data) {
       if (data.hasOwnProperty(p)) {
         dataHtml += '<br/>' + p + "=" + data[p];
       }
     }

     $("#DivData").html(dataHtml);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="DivData"></div>

answered Oct 24, 2014 at 8:36

jasonscript

6,2063 gold badges30 silver badges46 bronze badges

Comments

snirgel · Accepted Answer · 2014-10-24 09:02:52Z

0

    var mydata = Array(), result;
    mydata[0]={CustUserID: 31, FirstName: "System12", LastName: "Administrator", CustUserName: "SysAdmin"};
    for (var key in mydata[0]){
        var obj = mydata[0][key];
        result += '<br/>'+key+'='+obj;
    }

jQuery("#myid").html(result);

answered Oct 24, 2014 at 9:02

snirgel

1311 gold badge2 silver badges9 bronze badges

Collectives™ on Stack Overflow

get data from javascript object without using key name

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related