配列を一定数ごとの配列に分割したい

Question

以下のような配列があった時に、例えば4つごとに配列を分割して、下のような配列に組み替えたいです。配列は不定数だとして、どのような方法が考えられますか？

//元配列
var arr = [3,3,9,2,4,5,1,2,9,0]
//分割後配列
var arr2 = [[3,3,9,2],[4,5,1,2],[9,0]]

Answer 1

こんにちは

２つコードを挙げます。

(1) reduce を使う

var arr2 = arr.reduce(
  (a, e, i) => i % 4 ?
      [...a.slice(0, a.length-1), [...a[a.length-1], e] ]
      :
      [...a, [e]]
  ,[]
)

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/dyPNpEM?editors=0012

(2) lodash の _.chunk を使う

var arr2 = _.chunk(arr, 4)

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/YzPNGZz?editors=0012

参考になれば幸いです。

Answer 2

配列は不定数だとして、どのような方法が考えられますか？

コードではなく、方法を問う趣旨を信じて、回答します。
for 文を使う方法が実直かつ高速と思います。

1. i = 0 を初期値として、4ずつ加算するfor文を作る
2. i を開始インデックスとして、i+4 または「配列の length」の内、小さな方を終了インデックスとして、Array#slice
3. Array#push

Re: bravo さん

Answer 3

組み換えの際、元配列を壊していいなら以下が簡単でしょう

var arr = [3, 3, 9, 2, 4, 5, 1, 2, 9, 0];
var arr2 = [];
while (arr.length) arr2.push(arr.splice(0, 4));
console.log(arr2);
//=> [[3, 3, 9, 2], [4, 5, 1, 2], [9, 0]]

※元配列arrは空になります

Answer 4

reduce, _.chunkがあがっていたので別のコードを書いてみました。
ご参考までにどうぞ。

function splitArray(arr, len) {
    const size = Math.ceil(arr.length / len);
    return [...new Array(size)].map((_, i) => arr.slice(i * len, (i + 1) * len));
}

var arr = [3, 3, 9, 2, 4, 5, 1, 2, 9, 0];
var arr2 = splitArray(arr, 4);
console.log(arr2); // [[3, 3, 9, 2], [4, 5, 1, 2], [9, 0]]

Answer 5

var per=4;
var a= [3,3,9,2,4,5,1,2,9,0]
var b=Array(parseInt((a.length-1)/per)+1).fill(null).map((x,y)=>a.filter((i,j)=>(j>=y*per)&&(j<(y+1)*per)));
console.log(b);

調整

Comments

[yambejp]

teratail調子悪すぎ、文書がなおせない