Jquery Multidimentional array matching and returning parent array value

Question

I have a simple question but still haven't found neither figured out out to solve this.

I have this array:

var charsAndTypes = [
    {'type': 'Power', 'characters': ['Bunny','Buffalo']},
    {'type': 'Magic', 'characters': ['Sheep','Dragon']},
    {'type': 'Sense', 'characters': ['Fox','Lion']},
    {'type': 'Charm', 'characters': ['Cat','Raccoon']}
];

I need to search for the "characters", like "Bunny", and then catch the "type" to save it to a var, tried .map(), .filter, foreach inArray, but stil didn't work has I wanted

Basicly I need a function like this in the end

function searchInArray ( array, string ){
    //search in characters what array contains that string
    //then return the array that has the value
}

var charType = searchInArray(charsAndTypes, "Bunny"); 

//then the output must be "Power" in this case
console.log(charType.type);

Oka · Accepted Answer · 2015-07-02 16:22:09Z

1

Just loop through the array, and check if the object's array has the value.

var charsAndTypes = [
    {'type': 'Power', 'characters': ['Bunny','Buffalo']},
    {'type': 'Magic', 'characters': ['Sheep','Dragon']},
    {'type': 'Sense', 'characters': ['Fox','Lion']},
    {'type': 'Charm', 'characters': ['Cat','Raccoon']}
];

function search (arr, char) {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i].characters.indexOf(char) > -1) {
      return arr[i].type;
    }
  }
}

console.log(search(charsAndTypes, 'Bunny'));

answered Jul 2, 2015 at 16:22

Oka

27.1k7 gold badges51 silver badges59 bronze badges

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

1 Comment

Nikato Over a year ago

Ok, that was my problem, i was returning the whole array and then logging the typ that returned undefined, thanks a lot for the help :D

Joseph · Accepted Answer · 2015-07-02 16:20:58Z

0

What you probably need is find. It works like filter but only returns one value from the array, instead of an array of matches.

function search(arr, char)
  return arr.find(function(charAndType){
    return ~charAndType.characters.indexOf(char);
  });
}

It's ES6 and probably isn't cross-browser yet. There's a polyfill in that page though.

answered Jul 2, 2015 at 16:20

Joseph

120k31 gold badges186 silver badges238 bronze badges

Comments

depperm · Accepted Answer · 2015-07-02 16:22:13Z

0

One simple for loop. If it doesn't find it it will return undefined.

var charsAndTypes = [
    {'type': 'Power', 'characters': ['Bunny','Buffalo']},
    {'type': 'Magic', 'characters': ['Sheep','Dragon']},
    {'type': 'Sense', 'characters': ['Fox','Lion']},
    {'type': 'Charm', 'characters': ['Cat','Raccoon']}
];


function searchInArray ( array, string ){
    for(i=0;i<array.length;i++){
        if(array[i].characters.indexOf(string)>=0)
          return array[i];
    }
}

var charType = searchInArray(charsAndTypes, "Bunny"); 

//then the output must be "Power" in this case
console.log(charType.type);

answered Jul 2, 2015 at 16:22

depperm

10.8k4 gold badges46 silver badges68 bronze badges

Comments

Grim... · Accepted Answer · 2015-07-02 16:23:17Z

0

This function will do the trick.

function searchInArray ( arr, string ){
    var found = false;
    $.each(arr, function(k,v) {
        if (v.characters.indexOf(string) != -1) {
            found = v;
            return false;
        }
    });
    return found;
}

Fiddle: https://jsfiddle.net/kywoxut6/

answered Jul 2, 2015 at 16:23

Grim...

17k7 gold badges47 silver badges62 bronze badges

Comments

Sadique · Accepted Answer · 2015-07-02 19:15:07Z

0

var charsAndTypes = [
    {'type': 'Power', 'characters': ['Bunny','Buffalo']},
    {'type': 'Magic', 'characters': ['Sheep','Dragon']},
    {'type': 'Sense', 'characters': ['Fox','Lion']},
    {'type': 'Charm', 'characters': ['Cat','Raccoon']}
];

var search = function (arr, char) {
    for (var index = 0; index < arr.length; index++) {
        if (arr[index].characters.indexOf(char) > -1) {
            return arr[index];
        }
    }
}

var charType = searchInArray(charsAndTypes, "Bunny");
console.log(charType.type);

answered Jul 2, 2015 at 19:15

Sadique

1394 silver badges12 bronze badges

Collectives™ on Stack Overflow

Jquery Multidimentional array matching and returning parent array value

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

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

Related