Comment aplatir un tableau dans jQuery?

Question

Comment simplement aplatir un tableau dans jQuery? J'ai:

[1, 2, [3, 4], [5, 6], 7] 

Et je veux:

[1, 2, 3, 4, 5, 6, 7] 

Answer 1

Vous pouvez utiliser jQuery.map, qui est la voie à suivre si vous avez la bibliothèque jQuery déjà chargée.

$.map([1, 2, [3, 4], [5, 6], 7], function(n){ 
    return n; 
}); 

Retours

[1, 2, 3, 4, 5, 6, 7] 

Answer 2

Vous pouvez utiliser jQuery.map():

rappel (valeur, indexOrKey) La fonction de traiter chaque élément contre. Le premier argument de la fonction est la valeur; le deuxième argument est l'index ou la clé de la propriété array ou object. La fonction peut renvoyer n'importe quelle valeur à ajouter au tableau. Un tableau retourné sera aplati dans le tableau résultant. Dans la fonction, ce fait référence à l'objet global (fenêtre).

Answer 3

var a = [1, 2, [3, 4], [5, [6, [7, 8]]]]; 
var b = []; 

function flatten(e,b){ 
    if(typeof e.length != "undefined") 
    { 
     for (var i=0;i<e.length;i++) 
     { 
      flatten(e[i],b); 
     } 
    } 
    else 
    { 
     b.push(e); 
    } 
} 
flatten(a,b); 
console.log(b); 

La fonction Aplatir devrait le faire, et cela ne nécessite pas jQuery. Copiez tout cela dans Firebug et lancez-le.

Answer 4

Utilisez la puissance de JavaScript:

var a = [[1, 2], 3, [4, 5]]; 

console.log(Array.prototype.concat.apply([], a)); 
//will output [1, 2, 3, 4, 5] 

Answer 5

Voici comment vous pouvez utiliser jquery pour aplatir tableaux profondément imbriqués:

$.map([1, 2, [3, 4], [5, [6, [7, 8]]]], function recurs(n) { 
    return ($.isArray(n) ? $.map(n, recurs): n); 
}); 

Retours:

[1, 2, 3, 4, 5, 6, 7, 8] 

profite de jQuery.map comme ainsi que jQuery.isArray.

Answer 6

question Vieux, je sais, mais ...

Je trouve cela fonctionne, et est rapide:

function flatten (arr) { 
    b = Array.prototype.concat.apply([], arr); 
    if (b.length != arr.length) { 
    b = flatten(b); 
    }; 

    return b; 
} 

Answer 7

Pour plaquer récursive un tableau, vous pouvez utiliser la fonction Array.reduce native. Il n'est pas nécessaire d'utiliser jQuery pour cela.

function flatten(arr) { 
    return arr.reduce(function flatten(res, a) { 
     Array.isArray(a) ? a.reduce(flatten, res) : res.push(a); 
     return res; 
    }, []); 
} 

exécution

flatten([1, 2, [3, 4, [5, 6]]]) 

retours

[ 1, 2, 3, 4, 5, 6 ] 

Answer 8

Utilisez récursion si vous avez plusieurs niveaux:

flaten = function(flatened, arr) { 
    for(var i=0;i<arr.length;i++) { 
     if (typeof arr[i]!="object") { 
      flatened.push(arr[i]); 
     } 
     else { 
      flaten(flatened,arr[i]); 
     } 
    } 
    return; 
} 

a=[1,[4,2],[2,7,[6,4]],3]; 
b=[]; 
flaten(b,a); 
console.log(b); 

Answer 9

Vous pouvez utiliser Array.prototype.reduce qui est techniquement j Requête, mais valide ES5:

var multidimensionArray = [1, 2, [3, 4], [5, 6], 7]; 
var initialValue = []; 

var flattened = multidimensionArray.reduce(function(accumulator, current) { 
    return accumulator.concat(current); 
}, initialValue); 

console.log(flattened);