How to loop through an array and use the value to try and find an object name

Question

I was writing to see if I can manipulate jquery arrays.

So I have an object:

myobject = {
   abc : {
      value      : 'abc',
      template   : '<div class="abc"></div>',
   },
},

Now what I have is another array that looks like this:

myarray = ["abc", "cde"];

So what I am trying to do is loop through myarray to see if it matches an object in the myobject.

Now I thought you would accomplish this by doing something like this:

for (var i = 0; i < myarray.length; i++) {
   if (myobject.myarray[i]) {
      // do something
   }
}

Now this gives me an error: Uncaught TypeError: Cannot read property '0' of undefined

So clearly this isn't the approach, how can I loop through myarray to see if myobject has an object that matches the name from the myarray array?

if(myobject[myarray[i]])

Matt Burland
– Matt Burland

2015-07-20 16:51:26 +00:00
Commented Jul 20, 2015 at 16:51 — Matt Burland
– Matt Burland, Commented Jul 20, 2015 at 16:51
Also see: stackoverflow.com/questions/4968406/…

Matt Burland
– Matt Burland

2015-07-20 16:53:22 +00:00
Commented Jul 20, 2015 at 16:53 — Matt Burland
– Matt Burland, Commented Jul 20, 2015 at 16:53

ahmet2106 · Accepted Answer · 2015-07-20 16:55:06Z

2

The problem within your code is, that myobject.myarray does not exists, so 0 of a non object is not available. Try to check with in:

for (var i = 0; i < myarray.length; i++) {
   if (myarray[i] in myobject) {
      // do something
   }
}

edited Jul 20, 2015 at 16:55

answered Jul 20, 2015 at 16:52

ahmet2106

5,0174 gold badges29 silver badges41 bronze badges

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

1 Comment

mdixon18 Over a year ago

I like this, as it's easy to log if there isn't ever a match. Thanks

Bobby Tables · Accepted Answer · 2015-07-20 16:51:26Z

1

You can treat a javascript object la dictionary.

Documentation

myobject = {
    abc: {
        value: 'abc',
        template: '<div class="abc"></div>',
    },
},
myarray = ["abc", "cde"];
for (var i = 0; i < myarray.length; i++) {
    console.log(myobject[myarray[i]]);
}

answered Jul 20, 2015 at 16:51

Bobby Tables

3,0237 gold badges32 silver badges55 bronze badges

Comments

depperm · Accepted Answer · 2015-07-20 16:51:57Z

1

You need to change the object reference from myobject.myarray[i] to myobject[myarray[i]]

var myobject = {
   'abc' : {
      value      : 'abc',
      template   : '<div class="abc"></div>',
   }
};


var myarray = ["abc", "cde"];


for (var i = 0; i < myarray.length; i++) {
   if (myobject[myarray[i]]!=undefined) {
      console.log(myobject[myarray[i]]);
   }
}

answered Jul 20, 2015 at 16:51

depperm

10.8k4 gold badges46 silver badges68 bronze badges

Comments

codeberri · Accepted Answer · 2015-07-20 16:53:25Z

1

You should be able to do the following.

for (var i = 0; i < myarray.length; i++) {
   if (myobject.hasOwnProperty(myarray[i])) {
      // do something
   }
}

answered Jul 20, 2015 at 16:53

codeberri

212 bronze badges

Comments

user3574474 · Accepted Answer · 2015-07-20 17:01:27Z

0

You were close with iterating through the array to look for the match, to finish use hasOwnProperty to check if the current place in the array matches any property in myobject

var myobject = {
    abc: {
        "value": "abc",
        "template": "test"
    }
}

var myarray = [ "abc", "cde" ];

for (var i = 0; i < myarray.length; i++) {
    var thisKey = myarray[i];
    if (myobject.hasOwnProperty(thisKey)) {
      //match found
    }
}

http://jsfiddle.net/jessikwa/obpacbao/3/

answered Jul 20, 2015 at 17:01

user3574474

Collectives™ on Stack Overflow

How to loop through an array and use the value to try and find an object name

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related