Javascript Gruppe von array-Inhalt

Habe ich einige Probleme herauszufinden, wie die Gruppe, um bestimmte Variablen in javascript.

Hier ist der deal.

Ich habe ein array mit Kategorien in meinem Fall jetzt Kategorien von A-Z aber es könnte alles sein (Tiere - Hunde - Katzen - etc).

In ein anderes array ich habe ein Ergebnis aus einer xml-Datei mit verschiedenen Inhalten (Titel, Inhalt und Kategorie). In meinem Fall die Kategorie mit Buchstaben von A-Z für die entsprechenden Kategorie in meinem anderen array.

So, was ich will zu tun ist, zunächst Ausgabe eines div-Element für jede Kategorie aus der Kategorie-array. Wenn das geschehen ist möchte ich hinzufügen, dass in jedem div die passende Kategorie Elemente bilden meine anderen array.

Dies ist ein Beispiel

Erste Ausgabe aus meiner Klasse array:

<div id="A"></div>
<div id="B"></div>
<div id="C"></div>
<div id="D"></div>

Zweiten möchte ich hinzufügen, dass innerhalb dieser divs die array-Objekte, die hat eine passende Kategorie in Ihnen A, B, C, etc.

<div id="A">
<div id="contentFromMyOtherArray"> this object comes from my other array and had the content category A </div>
<div id="contentFromMyOtherArray"> this object also comes from my other array and had the content category A still inside the A div </div>
</div>
<div id="B">
<div id="contentFromMyOtherArray"> this object comes from the array and had the content category B </div>
</div>

Und so weiter...

Ist das überhaupt möglich?

EDIT:
Meine Erste array enthält nur A, B, C, D, E etc, so dass bei der Iteration durch array[i] bekomme ich A B C D etc

Meine zweite array enthält Titel, Kategorie, etc, so dass, wenn ich nur die Kategorie konnte ich Durchlaufen thru es so arrMarkers[i].Kategorie. Das würde die Ausgabe ab. A A A B B E E E F F F F F F usw, basierend auf welche Kategorien der Inhalt jedes Arrays enthält

Sie sagen groupBy das erste, was in den Sinn kam, ist linq to js kann ca helfen, linqjs.codeplex.com
können Sie uns ein Beispiel geben von dem, was die arrays Aussehen?

InformationsquelleAutor Tobias | 2011-09-27

Vorausgesetzt, Sie haben Ihre arrays definiert so etwas wie dieses:

var categories = ['A', 'B', 'C', 'D'];
var other = [];
other['A'] = ['item 1', 'item 2', 'item 3'];
other['B'] = ['item 4', 'item 5'];
other['C'] = ['item 6'];

Dann versuchen Sie die folgenden jQuery-code zu erstellen, der die divs:

$(document).ready(function() {    
    $.each(categories, function(index, category) {
        var categoryId = category.replace(//gi, '_');
        var newCategory = $('<div />').attr('id', categoryId);
        //you can set any other properties on this new div here using .attr()
        $.each(other[category], function(index, item) {
            var itemId = category + '_' + item.replace(//gi, '_');
            var newInnerDiv = $('<div />').attr('id', itemId);
            //set any other properties like text content, etc here
            newInnerDiv.appendTo(newCategory);
        });
        newCategory.appendTo('body');
    });
});

Können Sie sehen, ein Beispiel hier: http://jsfiddle.net/greglockwood/8F8hv/

Lassen Sie mich wissen, wenn Sie irgendwelche Probleme haben.

Danke für die Antwort GregL. Dies könnte auch die Arbeit wirklich gut. Mein problem ist die "andere" array Hinzugefügt wird dynamisch. In diesem Fall würde ich benötigen eine Möglichkeit, die Gruppe mein array basierend auf der Kategorie. Irgendwelche Hinweise?
Seine arbeiten jetzt! Hatte, um herauszufinden, eine Möglichkeit, die Anzeige der Inhalte in das array. Vielen Dank für Ihre Zeit! 🙂

InformationsquelleAutor GregL

Wenn das array aus der xml kann eingestellt werden, um eine zwei-dimensionale ein, können die Dinge gehen in Ordnung. Bitte schau dir sein Beispiel:

html:

<div id="containerDiv">
    <div id="A"></div>
    <div id="B"></div>
    <div id="C"></div>
</div>

javascript/jQuery

var resultArray = [
    ["A", "Title1", "this object comes from my other array and had the content category A"],
    ["B", "Title2", "this object comes from my other array and had the content category B"],
    ["C", "Title3", "this object comes from my other array and had the content category C"],
    ["D", "Title4", "this object comes from my other array and had the content category D"],
    ["A", "Title5", "this object comes from my other array and had the content category A"],
    ["A", "Title6", "this object comes from my other array and had the content category A"],
    ["C", "Title7", "this object comes from my other array and had the content category C"],
    ["D", "Title8", "this object comes from my other array and had the content category D"],
    ["C", "Title9", "this object comes from my other array and had the content category C"],
    ["D", "Title10", "this object comes from my other array and had the content category D"],
    ["A", "Title11", "this object comes from my other array and had the content category A"],
    ["D", "Title12", "this object comes from my other array and had the content category D"],
    ["C", "Title13", "this object comes from my other array and had the content category C"],
    ["B", "Title14", "this object comes from my other array and had the content category B"]
];

$(document).ready(
    function() {
        var holderMap = new Array();
        $("div#containerDiv").children("div").each(
            function() {
                holderMap[$(this).attr("id")]=$(this);
            }
        );
        var elem = null;
        var value = null;
        $(resultArray).each(function() {
            elem = holderMap[$(this)[0]];
            value = $(this)[2];
            if(elem) {
                $(elem).html($(elem).html() + '<div id="contentFromMyOtherArray">' + value + '</div>');
            }
        });
    }
);

Dieser code geht dynamisch, so dass, wenn ein nicht kategorisiert Element gefunden wird, springt Sie automatisch.

Vielen Dank! Das sieht vielversprechend aus. Aber die holderMap ist undefiniert, wenn ich einen Blick darauf werfen, wie diese holderMap[$(this)[0]]. Was könnte das sein?
Finden Sie unter den Gültigkeitsbereich der Variablen, auf die Sie zugreifen. In dem obigen Beispiel, holderMap ist definiert als new Array (), und der Zugriff auf die Variablen geschieht in der Funktion. Wenn Sie möchten, um Zugriff auf die holderMap in einem anderen Bereich oder Funktion, Sie können erklären, dass es global. also oberhalb von $(document).Lesen();

InformationsquelleAutor James Jithin

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.