Wie alle "Name" Werte im Array angezeigt werden mit underscore.js

-3

var data=[{ 

    "name": "cA", 
    "leaf": false, 
    "largeIconId": null, 
    "label": "cA", 
    "hideAllSearchFilters": false, 
    "guidePage": null, 
    "expanded": false, 
    "defaultSearchCategory": false, 
    "childCategories": [{ 
     "name": "cA-A", 
     "leaf": false, 
     "largeIconId": null, 
     "label": "cA-A", 
     "hideAllSearchFilters": false, 
     "guidePage": null, 
     "expanded": false, 
     "defaultSearchCategory": false, 
     "childCategories": [{ 
      "name": "cA-A-A", 
      "leaf": false, 
      "largeIconId": null, 
      "label": "cA-A-A", 
      "hideAllSearchFilters": false, 
      "guidePage": null, 
      "expanded": false, 
      "defaultSearchCategory": false, 
      "childCategories": [{ 
       "name": "cA-A-A-A", 
       "leaf": false, 
       "largeIconId": null, 
       "label": "cA-A-A-A", 
       "hideAllSearchFilters": false, 
       "guidePage": null, 
       "expanded": false, 
       "defaultSearchCategory": false, 
       "childCategories": [{ 
        "name": "cA-A-A-A-A", 
        "leaf": true, 
        "largeIconId": null, 
        "label": "cA-A-A-A-A", 
        "hideAllSearchFilters": false, 
        "guidePage": null, 
        "expanded": false, 
        "defaultSearchCategory": false, 
        "childCategories": [] 
       }] 
      }] 
     }] 
    }, { 
     "name": "cA-B", 
     "leaf": true, 
     "largeIconId": null, 
     "label": "cA-B", 
     "hideAllSearchFilters": false, 
     "guidePage": null, 
     "expanded": false, 
     "defaultSearchCategory": false, 
     "childCategories": [] 
    }, { 
     "name": "cA-C", 
     "leaf": true, 
     "largeIconId": null, 
     "label": "cA-C", 
     "hideAllSearchFilters": false, 
     "guidePage": null, 
     "expanded": false, 
     "defaultSearchCategory": false, 
     "childCategories": [] 
    }] 
}, { 
    "name": "A", 
    "leaf": false, 
    "largeIconId": null, 
    "label": "A", 
    "hideAllSearchFilters": false, 
    "guidePage": null, 
    "expanded": false, 
    "defaultSearchCategory": false, 
    "childCategories": [{ 
     "name": "A-Level1", 
     "leaf": false, 
     "largeIconId": null, 
     "label": "A-Level1", 
     "hideAllSearchFilters": false, 
     "guidePage": null, 
     "expanded": false, 
     "defaultSearchCategory": false, 
     "childCategories": [{ 
      "name": "A-Level2", 
      "leaf": true, 
      "largeIconId": null, 
      "label": "A-Level2", 
      "hideAllSearchFilters": false, 
      "guidePage": null, 
      "expanded": false, 
      "defaultSearchCategory": false, 
      "childCategories": [] 
     }] 
    }] 
}];

Quelle

2016-04-20 Srikanth Pullela

, die dies tun. Wenn Sie ein * spezifisches * Problem damit haben, posten Sie eine neue Frage mit A) Eine klare Erklärung dessen, was Sie wollen, einschließlich des gewünschten Ergebnisses; und B) Ihr Code versucht, dieses Ergebnis von der Eingabe zu erzeugen. –

Getrennt: Als Sie Ihre Frage stellten, gab es ein großes orange ** Wie man formatiert ** Kasten rechts vom Textbereich mit nützlichen Informationen darin. Es gab auch eine komplette Symbolleiste mit Formatierungshilfen. Und eine ** [?] ** -Taste mit Formatierungshilfe. * Und * einen Vorschaubereich zwischen dem Textbereich und der Schaltfläche "Frage posten" (so dass Sie nach dem Button suchen müssen), der zeigt, wie Ihr Beitrag aussehen würde, wenn er gepostet wird. Wenn Sie Ihren Beitrag klarstellen und zeigen, dass Sie sich die Zeit genommen haben, verbessern Sie Ihre Chancen, gute Antworten zu erhalten. –

Dies ist ein Vorschlag in Vanilla.js mit Array#forEach() in einer rekursiven Weise.

function getNames(a) { 
 
    this.push(a.name); 
 
    Array.isArray(a.childCategories) && a.childCategories.forEach(getNames, this); 
 
} 
 

 
var data = [{ "name": "cA", "leaf": false, "largeIconId": null, "label": "cA", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "cA-A", "leaf": false, "largeIconId": null, "label": "cA-A", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "cA-A-A", "leaf": false, "largeIconId": null, "label": "cA-A-A", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "cA-A-A-A", "leaf": false, "largeIconId": null, "label": "cA-A-A-A", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "cA-A-A-A-A", "leaf": true, "largeIconId": null, "label": "cA-A-A-A-A", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [] }] }] }] }, { "name": "cA-B", "leaf": true, "largeIconId": null, "label": "cA-B", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [] }, { "name": "cA-C", "leaf": true, "largeIconId": null, "label": "cA-C", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [] }] }, { "name": "A", "leaf": false, "largeIconId": null, "label": "A", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "A-Level1", "leaf": false, "largeIconId": null, "label": "A-Level1", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [{ "name": "A-Level2", "leaf": true, "largeIconId": null, "label": "A-Level2", "hideAllSearchFilters": false, "guidePage": null, "expanded": false, "defaultSearchCategory": false, "childCategories": [] }] }] }], 
 
    names = []; 
 

 
data.forEach(getNames, names); 
 
document.write('<pre>' + JSON.stringify(names, 0, 4) + '</pre>');

Quelle

2016-04-20 08:34:54

Wie alle "Name" Werte im Array angezeigt werden mit underscore.js

Antwort

Verwandte Themen