Matching a variable with an object inside a nested array with JavaScript

Question

I am trying to find a match inside this JSON array but I find it a bit complicated since it's a nested array of objects.

I'm not sure what I am doing entire wrong here:

The idea is that I have an array with a set of permissions and I want to return only the set of permissions that match the role:

var data = [{
    "visitor": {
        "static": ["page-one:visit", "home-page:visit", "login"]
    }
}, {
    "users": {
        "static": ["posts:list", "posts:create", "users:getSelf", "home-page:visit", "dashboard-page:visit"]
    }
}, {
    "admin": {
        "static": ["posts:list", "posts:create", "posts:edit", "posts:delete", "users:get", "users:getSelf", "home-page:visit", "dashboard-page:visit"]
    }
}]


var role = "admin"

for(var x=0;x <data.length;x++){

  if(role === data[x]){
    console.log("OLE, we got a match!" + data[x])
  }

}

For some reason I just can't find a match. I just wanna return the full object like:

"admin":{ 
        "static": ["posts:list", "posts:create", "posts:edit", "posts:delete", "users:get", "users:getSelf", "home-page:visit", "dashboard-page:visit"]
    }

Here is a JS Bin Link.

Adrian · Accepted Answer · 2019-11-06 12:17:01Z

1

You could use the .find function like below:

data.find(function(x){ return Object.keys(x).indexOf(role) > -1; });

Given your role is the key of the object, you need to check if the object itself contains the role as a key, for this you'd use Object.keys(<object>).indexOf(role) where indexOf will return the value of -1 if it's not found and 0+ if found.

var data = [{"visitor":{"static":["page-one:visit","home-page:visit","login"]}},{"users":{"static":["posts:list","posts:create","users:getSelf","home-page:visit","dashboard-page:visit"]}},{"admin":{"static":["posts:list","posts:create","posts:edit","posts:delete","users:get","users:getSelf","home-page:visit","dashboard-page:visit"]}}]


var role = "admin"

var admins = data.find(function(x){ return Object.keys(x).indexOf(role) > -1; });

console.log(admins);

if you wanted to accommodate for an array of different roles, you can use the following, easy to follow example.

var data = [{"visitor":{"static":["page-one:visit","home-page:visit","login"]}},{"users":{"static":["posts:list","posts:create","users:getSelf","home-page:visit","dashboard-page:visit"]}},{"admin":{"static":["posts:list","posts:create","posts:edit","posts:delete","users:get","users:getSelf","home-page:visit","dashboard-page:visit"]}}]


var role = ["admin", "visitor"];

var admins = role.map(function(role) { return getObjectsForRole(role); })
  
  
function getObjectsForRole(role)
{

	return data.find(function(x){ 
		return Object.keys(x).indexOf(role) > -1; 
  });

}

console.log(admins);

The above is pretty much the same as before, but we're mapping (.map) each role and calling a function which contains our call to the .find function.

edited Nov 6, 2019 at 12:17

answered Nov 6, 2019 at 12:02

Adrian

8,6573 gold badges28 silver badges47 bronze badges

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

8 Comments

someonewithakeyboardz1 Over a year ago

Does the solution work if I have the variable role set to an array? Something like this var role = ["admin", "visitor"] ? Would I return both sets of permissions then ?

Adrian Over a year ago

No. That wasn't your question why would I think outside the box to accommodate made up requirements? :)

someonewithakeyboardz1 Over a year ago

I was just asking generally. Thank you for providing a solution and an explanation tho'. I was just being curious how it could work with two roles..

Adrian Over a year ago

@someonewithakeyboard It's ok to ask questions, but put them in your main question rather than a comment. See my edit :)

radulfr Over a year ago

Actually now that I think of it, it doesn't even make sense to have several results. Disregard that.

|

Collectives™ on Stack Overflow

Matching a variable with an object inside a nested array with JavaScript

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related