it-swarm.com.de

Teilen Sie das JavaScript-Array mithilfe von Underscore.js in Blöcke

Ich muss ein JavaScript-Array in n große Blöcke teilen.

Beispiel: Gegeben dieses Array

["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"]

und ein n gleich 4, sollte die Ausgabe folgendermaßen sein:

[ ["a1", "a2", "a3", "a4"],
  ["a5", "a6", "a7", "a8"],
  ["a9", "a10", "a11", "a12"],
  ["a13"]
]

Ich kenne reines JavaScript solutions für dieses Problem, aber da ich bereits Underscore.js verwende, frage ich mich, ob Unterstriche eine bessere Lösung dafür bieten.

Bearbeiten:

Ich habe einen jsPerf-Test erstellt, um zu überprüfen, wie viel langsamer die Unterstreichungslösung ist.

69
Cesar Canassa

Sehen Sie sich lodash 'chunk: https://lodash.com/docs#chunk an.

var data = ["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"];
_.chunk(data, 3); 
// [
//  ["a1", "a2", "a3"],
//  ["a4", "a5", "a6"],
//  ["a7", "a8", "a9"],
//  ["a10", "a11", "a12"],
//  ["a13"]
// ]
93
Edo

Versuchen Sie Folgendes für eine auf Unterstrichen basierende Lösung:

var data = ["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"];
var n = 3;
var lists = _.groupBy(data, function(element, index){
  return Math.floor(index/n);
});
lists = _.toArray(lists); //Added this to convert the returned object to an array.
console.log(lists);

Mit der Chain-Wrapper-Methode können Sie die beiden Anweisungen wie folgt kombinieren:

var data = ["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"];
var n = 3;
var lists = _.chain(data).groupBy(function(element, index){
  return Math.floor(index/n);
}).toArray()
.value();
90
Chandu

Ein möglicherweise einfacher Ausdruck:

    _.range(coll.length / n).map(i => coll.slice(i * n, (i + 1) * n))
4
user1009908

Unterstreichen unterstützt _.chunk () ab Version 1.9.0.

let data = ["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"];
_.chunk(data, 4);
// [
//   ["a1", "a2", "a3", "a4"],
//   ["a5", "a6", "a7", "a8"],
//   ["a9", "a10", "a11", "a12"],
//   ["a13"]
// ]
3
user9027325

versuchen Sie es mit dieser Option. Dies ist viel praktischer (wenn Sie beispielsweise das Array basierend auf der Menge der Elemente, die in jedem Sub-Array als Container enthalten sein sollen, aufteilen möchten):

function chunk(arr, start, amount){
    var result = [], 
        i, 
        start = start || 0, 
        amount = amount || 500, 
        len = arr.length;

    do {
        //console.log('appending ', start, '-', start + amount, 'of ', len, '.');
        result.Push(arr.slice(start, start+amount));
        start += amount;

    } while (start< len);

    return result;
};

und die Verwendung in Ihrem Fall:

var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],
    chunked = chunk(arr, 0, Math.floor(arr.length/3)); //to get 4 nested arrays

console.log(chunked);

und noch ein Fall:

var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],
    chunked = chunk(arr, 0, 3); // to get 6 nested arrays each containing maximum of 3 items

console.log(chunked);
0