return arrays along with sub arrays in javascript

Question

loop for array with sub arrays is not showing. Kindly advice. i am able to show the first array set but not able to show sub arrays of each set.

var json = [{
"Friends":[
    {
        'image'     : '_assets/images/users/01.jpg',
        'unread'    : '22',
        'name'      : 'Salman Razak',
        'message'   : 'way to be happy...',
        'lastchat'  : '16th Feb 2015 | 9:30 pm'
    },
    {
        'image'     : '_assets/images/users/02.jpg',
        'unread'    : '22',
        'name'      : 'Shahid Saeed',
        'message'   : 'way to be happy...',
        'lastchat'  : '16th Feb 2005 | 9:30 pm'
    }
],
"Colleagues":[
    {
        'image'     : '_assets/images/users/02.jpg',
        'unread'    : '22',
        'name'      : 'Hyder Memon',
        'message'   : 'way to be happy...',
        'lastchat'  : '16th Feb 2015 | 9:30 pm'
    }
]
}];

$.each(json, function () {
   $.each(this, function (name, value) {
      console.log(name + '=' + value);
      $('ul').append('<li>'+ name + ', ' + json[name].join() +'</li>');
   });
});

loop of back end data of contacts, contacts are divided into groups, such as friends, colleagues, etc. depending upon data filled in array i want to categories contacts. — John Paul
– John Paul, Commented Feb 11, 2016 at 4:18
What you have there is an array with a single object that has a Friends and a Colleagues property which themselves are arrays. You seem to think you have an array of arrays however. — Gustavo Hoirisch
– Gustavo Hoirisch, Commented Feb 11, 2016 at 4:19
You'll have to nest another iteration. Right now, you are iterating the objects hold by an array. You'll need to iterate the arrays hold by the properties of the object hold by an array. — MinusFour
– MinusFour, Commented Feb 11, 2016 at 4:22

Gustavo Hoirisch · Accepted Answer · 2016-02-11 04:34:42Z

1

Here is a loop that works with the data structure you have (working jsbin)

json.forEach(function(item){
    for(var group in item){
        if(item.hasOwnProperty(group)){
            var groupItems = item[group];
            groupItems.forEach(function(person){
                console.log(group, person.name);
            });
        }
    }
});

answered Feb 11, 2016 at 4:34

Gustavo Hoirisch

1,65712 silver badges19 bronze badges

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

4 Comments

John Paul Over a year ago

loop of friends repeating 2 times, can i show it as 1 with almost 20 sub items

Gustavo Hoirisch Over a year ago

not sure I understand your question, this loop is specifically for the data structure you posted in the question and it works fine in the jsbin. Can you elaborate what you mean?

John Paul Over a year ago

my first array "friends" got two sub array Salman razak and shahid saeed, in above for next loop, i get word friends two times because of the two sub arrays what if it show friends as parent and child both of the contact. hope you understand

Gustavo Hoirisch Over a year ago

Oh right, I think I get what you mean. You get the work "Friends" twice because I am logging the "group" they are in -- console.log(group, person.name); In this line the variable group is the name of the group they belong to, you dont have to use it if you dont want but I wanted to show that it was available to you.

intekhab · Accepted Answer · 2016-02-11 04:51:11Z

0

try this one

   for (var i = 0, j = json.length; i < j; i++) {
    Object.keys(json[i]).forEach(function(elem, index, arr){
        for (var k = 0; k < json[i][elem].length; k++) {
            console.log(json[i][elem][k].image); 
            console.log(json[i][elem][k].unread);   
            console.log(json[i][elem][k].name);
            console.log(json[i][elem][k].message);
            console.log(json[i][elem][k].lastchat);
        }
    });
   }

// THIS LINE TO ITERATE THE MAIN ARRAY 'JSON'
for (var i = 0, j = json.length; i < j; i++) {

// THIS LINE TO GET KEYS OF json[i]......(Friends AND Colleagues FOR FIRST ELEMENT OF json)
Object.keys(json[i]).forEach(function(elem, index, arr){ 

//EACH KEY IS ANY ARRAY. THIS LINE TO ITERATE THE ELEMENTS OF EACH KEY
for (var k = 0; k < json[i][elem].length; k++) {

edited Feb 11, 2016 at 4:51

answered Feb 11, 2016 at 4:28

intekhab

1,6162 gold badges15 silver badges19 bronze badges

4 Comments

Linus Oleander Over a year ago

Dont use for loops, they introduce unnecessary complexity. Use forEach instead.

John Paul Over a year ago

thanks intekhab you saved my day. its working perfectly alright

Linus Oleander Over a year ago

@RayonDabre In almost all cases. There're some special cases, but this is definitely not one if them.

John Paul Over a year ago

based upon my categories i am fetching data of contacts and category showing them in <UL> <LI> and <UL> <LI> <UL>.

Collectives™ on Stack Overflow

return arrays along with sub arrays in javascript

2 Answers 2

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related