Get object property value from array of objects

Question

I have an array of object like this :

damages: [
        {
            name: "Roof",
            photos: [
                {image_url: "http://www.url1.com"},
                {image_url: "http://www.url2.com"},
                {image_url: "http://www.url3.com"},
           ]
        },
        {
            name: "Doors",
            photos: [
                {image_url: "http://www.url4.com"},
                {image_url: "http://www.url5.com"},
                {image_url: "http://www.url6.com"},
                {image_url: "http://www.url7.com"}
            ]
        }
    ]

If I have a value of image_url how can I loop through the damages to get a name property?

Let say that I have something like this :

let image_url = "http://www.url6.com";
let name = damages.map(i => ....)    //"Doors"

Possible duplicate of Get JavaScript object from array of objects by value or property — Jared Smith
– Jared Smith, Commented Oct 20, 2016 at 15:01
Or if you using underscore.js: var damage= _.findWhere(damages, {image_url: "http://www.url6.com"}); — Maxoizs
– Maxoizs, Commented Jan 4, 2017 at 10:59

HenrikV · Accepted Answer · 2016-10-20 15:09:20Z

3

You could try something like this?

var imgUrl = "http://www.url6.com";

for(var i = 0; i < damages.length; i++) {
    for(var j = 0; j < damages[i].photos.length; j++) {
        if(damages[i].photos[j].image_url === imgUrl) {
            console.log(damages[i].name);
        }
    }
}

answered Oct 20, 2016 at 15:09

HenrikV

4211 gold badge4 silver badges6 bronze badges

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

Comments

umutesen · Accepted Answer · 2016-10-20 15:14:37Z

var d  = [
    {
        name: "Roof",
        photos: [
            {image_url: "http://www.url1.com"},
            {image_url: "http://www.url2.com"},
            {image_url: "http://www.url3.com"},
       ]
    },
    {
        name: "Doors",
        photos: [
            {image_url: "http://www.url4.com"},
            {image_url: "http://www.url5.com"},
            {image_url: "http://www.url6.com"},
            {image_url: "http://www.url7.com"}
        ]
    }
];


function find(data, value){
   for(var i = 0; i < data.length; i++)
  {

      for(var j = 0; j < data[i].photos.length; i++)
      {
          if(data[i].photos[j].image_url == value)
          {
            return data[i].name;
          }
      }

  }
}

  alert(find(d,"http://www.url1.com"));

Nina Scholz · Accepted Answer · 2016-10-20 15:43:36Z

1

You could use Array#find and Array#some

function getName(url) {
    return damages.find(a => a.photos.some(b => b.image_url === url)).name;
}

var damages = [{ name: "Roof", photos: [{ image_url: "http://www.url1.com" }, { image_url: "http://www.url2.com" }, { image_url: "http://www.url3.com" }, ] }, { name: "Doors", photos: [{ image_url: "http://www.url4.com" }, { image_url: "http://www.url5.com" }, { image_url: "http://www.url6.com" }, { image_url: "http://www.url7.com" }] }];

console.log(getName('http://www.url6.com'));

answered Oct 20, 2016 at 15:43

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Get object property value from array of objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related