Iterating over Object of Objects to create Array

Question

I have an Object containing more objects that I want to iterate over. The structure is like this:

Eventually, I want to create an array where the key of the parent object points to the value in the child object's title column, so I can post later to some PHP script, i.e, I want:

BusinessJustification => 'titleValue'
Contract => 'titleValue'
...

But I am really struggling to actually loop through the array.

I have tried the following two methods, and while I can loop over the parent object, I seem to be struggling to get access to the values in the child, they just show as the index position, or undefined respectively.

for (var fields in this.postData) {
    for (var columns in fields){
        console.log(columns['title']);
    }
}

for (var fields in this.postData) {
    for (var columns in fields){
        console.log(Object.entries(columns['title']));
    }
}

Any help would be appreciated, as I am really scratching my head, and have tried a few things online.

It will be enough when you'll be able to copy/paste text from/to a picture. — tao
– tao, Commented May 23, 2019 at 15:32
What do you want to do with those values? Because columns['title']; only accesses the value in the property, it doesn't do anything with it. — tao
– tao, Commented May 23, 2019 at 15:35
Sorry that's actually I typo on my part, I was using console.log on it — James Pavett
– James Pavett, Commented May 23, 2019 at 15:50

Shidersz · Accepted Answer · 2019-05-23 15:58:41Z

1

I eventually want to create an array where the key of the parent object points to the value in the child object's title column.

You can't generate an array with those properties in Javascript like you do in PHP: An array in PHP is actually an ordered map. A map is a type that associates values to keys. But you can create a Javascript Object, or a Map. However, I believe the first options is the one you need if you are going to send data to some server-side PHP script.

I believe you are searching for this:

const postData = {
    BusinessJustification: {blur: true, title: "business-title", valid: true},
    Contact: {blur: true, title: "contact-title", valid: true},
    Department: {blur: true, title: "department-title", valid: true},
}

let newObj = {};

for (const field in postData)
{
  newObj[field] = postData[field].title;
}

console.log(newObj);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

edited May 23, 2019 at 15:58

answered May 23, 2019 at 15:50

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

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

1 Comment

James Pavett Over a year ago

Perfect that was just what I was looking for. I wasn't expecting it to be that easy!

Collectives™ on Stack Overflow

Iterating over Object of Objects to create Array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related