Javascript: comment créer un tableau multidimensionnel? (Exemple de Code nécessaire)

J'ai un tableau de 10 lignes, 10 colonnes. Je veux créer un tableau où je peux placer une valeur par exemple, pos. la ligne 5, colonne 3.

La valeur elle-même est un tableau à plusieurs entrées. Et à l'entrée de ce tableau est également un tableau.

Exemple:

Row 1, column 1:
   My text 1, Link to text 1
   My text 2, Link to text 2

Row 4, column 5:
   My text 3, Link to text 3

Row 6, column 2:
   My text 1, Link to text 1
   My text 2, Link to text 2
   My text 3, Link to text 3
   My text 4, Link to text 4

Pas à chaque entrée de la table doit être défini. Une table à l'entrée de l'élément peut avoir plusieurs entrées. Une entrée composée de deux valeurs. Un texte et le lien pour le texte.

Le tableau html est déjà défini. Maintenant, je veux le remplir avec les valeurs (liens) ci-dessus.

Mon problème est comment faire pour créer une structure de données efficace, de sorte que je peut facilement consulter le tableau des positions qui ont des entrées (peut-être sans boucle, 10 lignes de 10 colonnes). Pour chaque entrée, je veux obtenir la liste des textes + liens.

Et comment accéder à/lire chaque entrée de ma définition. (Je n'ai pas de problème si la valeur de mon tableau html.)

Je serais vraiment reconnaissant si quelqu'un pouvait me donner un peu de code-exemple comment mettre en place une telle structure de données.

OriginalL'auteur Enkidu | 2011-12-10

  1. 3
    var multiArray = [ ['element 0, 0', 'element 0, 1', 'element 0, 2'], ['element 1, 0', 'element 1, 1']];

    et ainsi de suite...

    MODIFIER
    chaque notation [] est un tableau, donc vous avez juste à les combiner dans un autre tableau

    ce n'est pas important d'avoir la même longueur pour toutes les colonnes en JS, je l'aime
    Suis-je en droit que l'utilisation de cette notation, je dois définir CHAQUE ligne du tableau+colonne, même si je n'ai pas besoin d'un certain domaine?
    Yep. Ce qui est vrai.
    qu'entendez-vous par "même si je n'ai pas besoin d'un certain champ" ?

    OriginalL'auteur haynar

  2. 1

    Suffit d'utiliser un tableau de tableau, si la mémoire n'est pas le problème;

    var table = [];
table.length = 10; //10 rows;

for (var i = 0; i < array.length; i++) {
    table[i] = [];
    table[i].length = 20; //20 columns for each row.
}

    Si le tableau est grand, mais seulement quelques cellules sont utilisées, vous pouvez également utiliser un hash de hash:

    var table = {};
table.rowCount = 10; //there're 10 rows

table[1] = {}
table[1].columnCount = 20 //20 cells for row 1
table[1][3] = "hello world";

//visit all cells
for (var row in table) {
    for (var column in table[row] {
        console.log(table[row][column]);
    }
}

    Vous pouvez même mélanger et de hachage tableau.

    Votre deuxième exemple est ce que j'étais déjà à l'essai. Je n'ai pas de problème de fixation d'une simple chaîne de caractères par exemple "table[1][3] = "bonjour le monde";". Mais j'ai mes problèmes de la fixation d'un tableau. J'ai essayé avec le tableau[1][3] = new Array( new Array( 'text1', 'link1'), new Array( 'text2', 'link2' ) ); mais je ne sais pas comment accéder aux valeurs... Btw, au lieu de "new Array()", je peux aussi écrire [ a, b ]?

    OriginalL'auteur Jeffrey Zhao

  3. 1

    Vous pouvez créer un simple wrapper pour faire appel de pratique: http://jsfiddle.net/QRRXG/2/.

    Un tableau multidimensionnel est juste un tableau dans un autre. De sorte que vous pouvez construire un tableau avec 10 tableaux qui à leur tour ont 10 tableaux dans chaque. Ensuite, obtenir un avec arr[i][j].

    Éléments peut être représenté comme un objet:

    { name: "foo", link: "bar" }

    alors un tel élément peut être analysée comme obj.name et obj.link.

    var multi = (function() {
    var data = [];

    //initialize
    for(var i = 0; i < 10; i++) {
        data[i] = [];
        for(var j = 0; j < 10; j++) {
            data[i][j] = [];
        }
    }

    return {
        get: function(i, j) { //will return an array of items
            return data[i][j];
        },

        push: function(i, j, v) { //will add an item
            data[i][j].push(v);
        },

        clear: function(i, j) { //will remove all items
            data[i][j] = [];
        },

        iterateDefined: function(f) {
            for(var i = 0; i < 10; i++) {
                for(var j = 0; j < 10; j++) {
                    if(data[i][j].length > 0) {
                        f(data[i][j], i, j);
                    }
                }
            }
        }
    };
})();

    Vous pouvez l'utiliser comme:

    multi.push(2, 3, { name: "foo", link: "test1" });
multi.push(2, 3, { name: "bar", link: "test2" });

multi.push(1, 4, { name: "haz", link: "test3" });

multi.push(5, 7, { name: "baz", link: "test4" });
multi.clear(5, 7);


console.log(multi.get(2, 3)); //logs an array of 2 items
console.log(multi.get(1, 4)); //logs an array of 1 item
console.log(multi.get(5, 7)); //logs an array of 0 items

console.log(multi.get(2, 3)[0].name); //logs "foo"
console.log(multi.get(2, 3)[1].link); //logs "test2"


multi.iterateDefined(function(items, i, j) {
    console.log(items, i, j); //will log two times
});
    Cela ressemble vraiment intelligent! 🙂 Mais mon problème est que je ne veux pas l'accès à un certain champ dans la table, mais juste obtenir les valeurs des champs définis. (Il y a peut-être seulement de 20 à 100 avec des valeurs.)
    La mise à jour effectue une itération sur les non-champs vides.
    Super! Tnx! Semble être ce que je veux! 🙂

    OriginalL'auteur pimvdb