web-dev-qa-db-fra.com

Rechercher par clé au plus profond d'un objet imbriqué

Disons que j'ai un objet:

[
    {
        'title': "some title"
        'channel_id':'123we'
        'options': [
                    {
                'channel_id':'abc'
                'image':'http://asdasd.com/all-inclusive-block-img.jpg'
                'title':'All-Inclusive'
                'options':[
                    {
                        'channel_id':'dsa2'
                        'title':'Some Recommends'
                        'options':[
                            {
                                'image':'http://www.asdasd.com'                                 'title':'Sandals'
                                'id':'1'
                                'content':{
                                     ...

Je veux trouver le seul objet dont l'identifiant est 1. Existe-t-il une fonction pour quelque chose comme ça? Je pourrais utiliser la méthode _.filter de Underscore, mais je devrais commencer par le haut et filtrer par le bas.

50
Harry

La récursion est ton amie. J'ai mis à jour la fonction pour prendre en compte les tableaux de propriétés:

function getObject(theObject) {
    var result = null;
    if(theObject instanceof Array) {
        for(var i = 0; i < theObject.length; i++) {
            result = getObject(theObject[i]);
            if (result) {
                break;
            }   
        }
    }
    else
    {
        for(var prop in theObject) {
            console.log(prop + ': ' + theObject[prop]);
            if(prop == 'id') {
                if(theObject[prop] == 1) {
                    return theObject;
                }
            }
            if(theObject[prop] instanceof Object || theObject[prop] instanceof Array) {
                result = getObject(theObject[prop]);
                if (result) {
                    break;
                }
            } 
        }
    }
    return result;
}

jsFiddle mis à jour: http://jsfiddle.net/FM3qu/7/

63
Zach

Si vous voulez obtenir le premier élément dont l'id est 1 pendant la recherche de l'objet, vous pouvez utiliser cette fonction:

function customFilter(object){
    if(object.hasOwnProperty('id') && object["id"] == 1)
        return object;

    for(var i=0; i<Object.keys(object).length; i++){
        if(typeof object[Object.keys(object)[i]] == "object"){
            var o = customFilter(object[Object.keys(object)[i]]);
            if(o != null)
                return o;
        }
    }

    return null;
}

Si vous voulez obtenir tous les éléments dont l'identifiant est 1, alors (tous les éléments dont l'identifiant est 1 sont stockés dans le résultat comme vous le voyez):

function customFilter(object, result){
    if(object.hasOwnProperty('id') && object.id == 1)
        result.Push(object);

    for(var i=0; i<Object.keys(object).length; i++){
        if(typeof object[Object.keys(object)[i]] == "object"){
            customFilter(object[Object.keys(object)[i]], result);
        }
    }
}
15
haitaka

J'ai trouvé cette page sur Google pour les fonctionnalités similaires. Sur la base du travail fourni par Zach et regularmike, j'ai créé une autre version qui répond à mes besoins.
BTW, travail fantastique Zah et regularmike! Je posterai le code ici:

function findObjects(obj, targetProp, targetValue, finalResults) {

  function getObject(theObject) {
    let result = null;
    if (theObject instanceof Array) {
      for (let i = 0; i < theObject.length; i++) {
        getObject(theObject[i]);
      }
    }
    else {
      for (let prop in theObject) {
        if(theObject.hasOwnProperty(prop)){
          console.log(prop + ': ' + theObject[prop]);
          if (prop === targetProp) {
            console.log('--found id');
            if (theObject[prop] === targetValue) {
              console.log('----found porop', prop, ', ', theObject[prop]);
              finalResults.Push(theObject);
            }
          }
          if (theObject[prop] instanceof Object || theObject[prop] instanceof Array){
            getObject(theObject[prop]);
          }
        }
      }
    }
  }

  getObject(obj);

}

Qu'est-ce qu'il fait est qu'il trouve n'importe quel objet à l'intérieur de obj avec le nom de propriété et la valeur correspondant à targetProp et targetValue et le poussera vers le tableau finalResults . Et voici le jsfiddle à jouer: https: // jsfiddle.net/alexQch/5u6q2ybc/

4
Alex Quan

Ce qui a fonctionné pour moi était cette approche paresseuse, pas par algorithme;) 

if( JSON.stringify(object_name).indexOf("key_name") > -1 ) {
    console.log("Key Found");
}
else{
    console.log("Key not Found");
}
4
Abhinav1602

J'ai créé la bibliothèque à cette fin: https://github.com/dominik791/obj-traverse

Vous pouvez utiliser la méthode findFirst() comme ceci:

var foundObject = findFirst(rootObject, 'options', { 'id': '1' });

Et maintenant, la variable foundObject stocke une référence à l'objet que vous recherchez.

2
dominik791

Réponse améliorée pour prendre en compte les références circulaires dans les objets. Il affiche également le chemin qu'il a fallu prendre pour y arriver.

Dans cet exemple, je recherche un iframe dont je sais qu'il se trouve quelque part dans un objet global:

const objDone = []
var i = 2
function getObject(theObject, k) {
    if (i < 1 || objDone.indexOf(theObject) > -1) return
    objDone.Push(theObject)
    var result = null;
    if(theObject instanceof Array) {
        for(var i = 0; i < theObject.length; i++) {
            result = getObject(theObject[i], i);
            if (result) {
                break;
            }   
        }
    }
    else
    {
        for(var prop in theObject) {
            if(prop == 'iframe' && theObject[prop]) {
                i--;
                console.log('iframe', theObject[prop])
                return theObject[prop]
            }
            if(theObject[prop] instanceof Object || theObject[prop] instanceof Array) {
                result = getObject(theObject[prop], prop);
                if (result) {
                    break;
                }
            } 
        }
    }
    if (result) console.info(k)
    return result;
}

En exécutant ce qui suit: getObject(reader, 'reader') a donné la sortie suivante et l'élément iframe à la fin:

iframe // (The Dom Element)
_views
views
manager
rendition
book
reader

REMARQUE: le chemin est dans l'ordre inverse reader.book.rendition.manager.views._views.iframe

1
Gerardlamo

Une autre option (un peu ridicule) consiste à exploiter la nature naturellement récursive de JSON.stringify et à lui transmettre une fonction replacer qui s'exécute sur chaque objet imbriqué au cours du processus de codification:

const input = [{
  'title': "some title",
  'channel_id': '123we',
  'options': [{
    'channel_id': 'abc',
    'image': 'http://asdasd.com/all-inclusive-block-img.jpg',
    'title': 'All-Inclusive',
    'options': [{
      'channel_id': 'dsa2',
      'title': 'Some Recommends',
      'options': [{
        'image': 'http://www.asdasd.com',
        'title': 'Sandals',
        'id': '1',
        'content': {}
      }]
    }]
  }]
}];

console.log(findNestedObj(input, 'id', '1'));

function findNestedObj(entireObj, keyToFind, valToFind) {
  let foundObj;
  JSON.stringify(input, (_, nestedValue) => {
    if (nestedValue && nestedValue[keyToFind] === valToFind) {
      foundObj = nestedValue;
    }
    return nestedValue;
  });
  return foundObj;
};
0

Réponse @haitaka améliorée, en utilisant la clé et le prédicat

function  deepSearch (object, key, predicate) {
    if (object.hasOwnProperty(key) && predicate(key, object[key]) === true) return object

    for (let i = 0; i < Object.keys(object).length; i++) {
      if (typeof object[Object.keys(object)[i]] === "object") {
        let o = deepSearch(object[Object.keys(object)[i]], key, predicate)
        if (o != null) return o
      }
    }
    return null
}

Donc, cela peut être invoqué comme:

var result = deepSearch(myObject, 'id', (k, v) => v === 1);

ou

var result = deepSearch(myObject, 'title', (k, v) => v === 'Some Recommends');

Voici le jsFiddle: http://jsfiddle.net/ktdx9es7

0
Iulian Pinzaru