JavaScript配列をn
サイズのチャンクに分割する必要があります。
例:この配列を考える
["a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "a10", "a11", "a12", "a13"]
n
が4に等しい場合、出力は次のようになります。
[ ["a1", "a2", "a3", "a4"],
["a5", "a6", "a7", "a8"],
["a9", "a10", "a11", "a12"],
["a13"]
]
私はこの問題に対して純粋なJavaScript solutions を知っていますが、すでに Lodash を使用しているので、これに対してLodashがより良い解決策を提供してくれるかどうか疑問に思っています。
jsPerf test を作成して、アンダースコアソリューションの速度を確認しました。
Lodashを見てくださいchunk: https://lodash.com/docs#chunk
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"]
// ]
アンダースコアベースのソリューションの場合は、これを試してください。
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);
チェーンラッパーメソッドを使用すると、次のように2つのステートメントを組み合わせることができます。
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();
おそらくより単純な式:
_.range(coll.length / n).map(i => coll.slice(i * n, (i + 1) * n))
アンダースコアは、バージョン1.9.0以降、ネイティブで _。chunk() をサポートします。
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"]
// ]
これを試してみると、はるかに実用的です(たとえば、各サブ配列のコンテナになるアイテムの量に基づいて配列を分割する場合)。
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;
};
そしてあなたの場合の使用:
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);
そして別のケース:
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);