CODEWITHSUNDEEP
javascriptnode.jsarrays
Rumpo
Rumpo

Reputation: 41

Split Array into multiple Arrays containing string

I want to take an array of any length (in this example length of 10):

var fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"];

From this array I want to take elements in increments of 5, convert each increment into a string, then store each string as a nested array within a new array. Each element will need to be seperated by a '%'.

An output like:

newArray = [[ 'Banana%Orange%Apple%Mango%Strawberry' ],[ 'Lime%Kiwi%Melon%Pineapple%Date' ]]

To convert into a string I'm using:

var finalArray = Array()
    var x = ""
        for(i = 0; i < fruits.length; i++){
            if(i==fruits.length-1){
                x = x + fruits[i].toString()
            }
            else {
                x = x + fruits[i].toString()+'%'
            }       
        } finalArray.push([x])

Which outputs:

[['Banana%Orange%Apple%Mango%Strawberry%Lime%Kiwi%Melon%Pineapple%Date']]

I've attempted many for & forEach loops, if/else statements etc. in an effort to split the original array into increments of 5 before applying the string conversion code but have not been successful.

Any help or ideas on how to achieve would be appreciated. Thanks.

EDIT: Thanks all, this has answered my question :)

Upvotes: 3

Views: 4455

Answers (5)

Harsh Patel
Harsh Patel

Reputation: 6840

Please, use array splice and join it with the required separator.

This approach does not mutate the existing data.

var fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"],
separator = '%',
result = []

while (fruits.length) {
  result.push([fruits.splice(0, 5).join(separator)]);
}

console.log(result);

Upvotes: 2

Girish Sasidharan
Girish Sasidharan

Reputation: 588

You can use splice() to split and join using desired string .join()

var fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"];

function convert(array, increment, separator) {
    let result = [];
    while(array.length >= 1) {
        result.push([array.splice(0, increment).join(separator)]);
    }    
    return result;
}
console.log(convert(fruits, 5, '%'));
console.log(convert(fruits, 3, '%'));

Upvotes: 1

Nina Scholz
Nina Scholz

Reputation: 386868

You could slice the array and join it with the wanted separator.

This approach does not mutate the given data.

var fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"],
    separator = '%',
    size = 5,
    index = 0,
    result = [];

while (index < fruits.length) {
    result.push([fruits.slice(index, index += size).join(separator)]);
}

console.log(result);

Upvotes: 2

Cerbrus
Cerbrus

Reputation: 72967

const fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"];
const result = []

// Loop over all the fruits.
for(let i = 0; i < fruits.length; i++){
  // Get the current fruit's sub-index.
  let idx = Math.floor(i/5);
  // Make sure the subarray exists.
  result[idx] = result[idx] || [];
  // Push the current fruit to the subarray.
  result[idx].push(fruits[i]);
}

// Now we have an nested array of arrays, you want to replace the sub-arrays with joined strings.
for(let i = 0; i < result.length; i++){
  result[i] = [result[i].join('%')];
}

console.log(result);

Upvotes: 0

Sebastian Kaczmarek
Sebastian Kaczmarek

Reputation: 8515

You can make use of Array#splice and just crop the array until it's empty:

var fruits = ["Banana", "Orange", "Apple", "Mango", "Strawberry", "Lime", "Kiwi", "Melon", "Pineapple", "Date"];

var result = [];

while (fruits.length) {
  result.push([fruits.splice(0, 5).join('%')]);
}

console.log(result);

Upvotes: 6

Related Questions