web-dev-qa-db-ja.com

ネストされたオブジェクトの深いキーで検索

オブジェクトがあるとしましょう：

[
    {
        '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':{
                                     ...

Idが1である1つのオブジェクトを探します。このような機能はありますか？ Underscoreの_.filterメソッドを使用できますが、最初から始めてフィルターダウンする必要があります。

javascriptunderscore.js
58
Harry

再帰はあなたの友達です。プロパティ配列を考慮して関数を更新しました。

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： http://jsfiddle.net/FM3qu/7/

66
Zach

オブジェクトの検索中にidが1である最初の要素を取得する場合は、次の関数を使用できます。

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;
}

Idが1であるすべての要素を取得したい場合（idが1であるすべての要素は、結果として結果に保存されます）：

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);
        }
    }
}
17
haitaka

私のために働いたのは、アルゴリズム的な遅延ではなく、この遅延アプローチでした;）

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

同様の機能をグーグルで調べてこのページを見つけました。 Zachとregularmikeが提供する作業に基づいて、私は自分のニーズに合った別のバージョンを作成しました。
BTW、テリフィックな作品Zahとregularmike！ここにコードを投稿します。

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);

}

それは、プロパティ名と値がobjおよびtargetPropに一致するtargetValue内のオブジェクトを見つけ、finalResults配列にプッシュします。そして、ここで遊ぶjsfiddleは次のとおりです。 https://jsfiddle.net/alexQch/5u6q2ybc/

6
Alex Quan

キーと述語を使用して、@ haitakaの回答を改善しました

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
}

したがって、これは次のように呼び出すことができます。

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

または

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

JsFiddleは次のとおりです。 http://jsfiddle.net/ktdx9es7

3
Iulian Pinzaru

この目的のためにライブラリを作成しました： https://github.com/dominik791/obj-traverse

次のようなfindFirst()メソッドを使用できます。

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

そして今、foundObject変数には、探しているオブジェクトへの参照が格納されています。

3
dominik791

別の（やや愚かな）オプションは、JSON.stringifyの自然に再帰的な性質を利用し、文字列化プロセス中にネストされた各オブジェクトで実行される replacer function を渡すことです。

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;
};
2
CertainPerformance

オブジェクト内の循環参照を考慮するための回答が改善されました。また、そこに到達するまでにかかったパスも表示されます。

この例では、グローバルオブジェクト内のどこかにあることがわかっているiframeを検索しています。

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;
}

以下を実行します：getObject(reader, 'reader')は、次の出力と最終的にiframe要素を提供します。

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

注：パスは逆順reader.book.rendition.manager.views._views.iframeです

1
Gerardlamo