将数组拆分为多个 arrays

Question

I have looked up answers on these questions How to split a long array into smaller arrays, with JavaScript and Split array into chunks but i still do not understand what i am doing wrong.

I have multiple random arrays that look like this

[dog]
[dog, cat]
[cat, apple, frog]
[apple, dog]
etc.

and i want to split them so they look like this

[dog]
[dog] [cat]
[cat] [apple] [frog]
[apple] [dog]

I was wondering if i could use a foreach loop to loop through all the arrays and split them into single arrays.

this is what my code looks like

 var arrays = press.post_category;
      arrays.forEach(function(item){
      var arr = [];
      var size = 1;
      for (let i = 0; i < item.length; i += size)
      arr.push(item.slice(i, i + size));
      console.log(arr);
        });

the output of this is

["d","o","g"]
["d","o","g"," ","c","a","t"]
etc.

which is not what i want. Im not sure why its splitting it into each individual letter instead of each value in the array.

I am trying to avoid SPLICE by all means and only use SLICE if necessary.

Thanks in advance.

Answer 1

You can use .map() for each array:

const animals = ['dog', 'cat', 'lama']

const result = animals.map(animal => [animal]) 

console.log(result)
// [ ['dog'], ['cat'], ['lama'] ]

You can then push the results into another array or you can use .reduce() to generate the end result.

Answer 2

You can use map here to take those individual values and return them to a new array as arrays, just by wrapping them in braces.

 let arrays = ['cat', 'apple', 'frog']; console.log(JSON.stringify(arrays)); let final = arrays.map(m=>{return [m]}); console.log(JSON.stringify(final));

You can also define a splitter function and just call it against the array.

 let arrays= ['cat', 'apple', 'frog']; const splitter=(arr)=>arr.map(m=>{return [m]}); console.log(JSON.stringify(splitter(arrays)));

This would be useful if you had to do it in a lot of places or if you had an array of these arrays and wanted to iterate over that and use the splitter constant on each, like this:

 let arrays = [ ['dog'], ['dog', 'cat'], ['cat', 'apple', 'frog'], ['apple', 'dog'] ]; const splitter=(arr)=>arr.map(m=>{return [m]}); let final = arrays.map(m=>{return splitter(m)}); console.log(final);

or if you needed to do this recursively with an array of unknown depth:

 let arrays = [ ['dog'], ['dog', 'cat'], [ ['test', 'it', 'out'], ['cat', 'apple', 'frog'] ], [ ['one', 'more'], ['two', 'more'] ], ['apple', 'dog'] ]; const splitter=(arr)=>arr.map(m=>{ return Array.isArray(m)? splitter(m): [m] }); let final = splitter(arrays); console.log(final);

Answer 3

 var arrays = [ 'dog', 'dog,cat', 'cat,apple,frog', 'apple,dog' ]; var arr = []; arrays.forEach((item) => arr.push(item.split(","))); console.log(arr);

Do you mean like this?