How I can split my array to multiple arrays based in a value with Javascript?

Question

I have an array and I want to split it to multiple arrays based on the value 'Finished', when I find it, I split the array.

My code is :

var input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', '├─BROKEN─url1HTTP_404' , 'ok', 'urlok', 'Finished', 
            'urlGettingF2', '├─BROKEN─url1HTTP_404','├─BROKEN─url21HTTP_404', 'Finished',
            'urlGettingF3', '├─BROKEN─url3HTTP_404','├─BROKEN─url213HTTP_404', 'Finished'
];

function chunkArray(array, size) {
  let result = []
  for (value of array) {
    let lastArray = result[result.length - 1]
    if (!lastArray || lastArray.length == size) {
      result.push([value])
    } else {
      lastArray.push(value)
    }
  }
  return result
}

const x = input.findIndex(element => element.indexOf('Finished') > -1)
console.log(chunkArray(input, x + 1));

when I run it I get :

But I want the result will be :

[["urlGettingF", "├─BROKEN─aquaHTTP_404", "├─BROKEN─url1HTTP_404", "ok", "urlok", "Finished"], ["urlGettingF2", "├─BROKEN─url1HTTP_404", "├─BROKEN─url21HTTP_404", "Finished"], ["urlGettingF3", "├─BROKEN─url3HTTP_404", "├─BROKEN─url213HTTP_404", "Finished"]]

When I find Finished, I split my array based on her index, you can see my code in jsbin https://jsbin.com/benozuyutu/1/edit?js,console

How I can fix it ?

CertainPerformance · Accepted Answer · 2020-01-29 09:53:43Z

2

You might find all occurrences of Finished with .reduce, then create a new array by .sliceing each occurrence at the found indicies:

var input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', '├─BROKEN─url1HTTP_404', 'ok', 'urlok', 'Finished',
  'urlGettingF2', '├─BROKEN─url1HTTP_404', '├─BROKEN─url21HTTP_404', 'Finished',
  'urlGettingF3', '├─BROKEN─url3HTTP_404', '├─BROKEN─url213HTTP_404', 'Finished'
];

const finishedIndicies = input.reduce((a, item, i) => {
  if (item === 'Finished') {
    a.push(i);
  }
  return a;
}, []);
const chunked = finishedIndicies.map(
  (sliceIndex, i, arr) => input.slice(arr[i - 1] === undefined ? 0 : arr[i - 1] + 1, sliceIndex + 1)
);
console.log(chunked);

answered Jan 29, 2020 at 9:53

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Aditya Bhave Over a year ago

.reduce can be replaced with a simple for loop. .reduce reduces the code readability.

CertainPerformance Over a year ago

@AdityaBhave Opinion-based, but I prefer reduce because it is an appropriate tool for transforming an array into a single accumulator, when that accumulator isn't one-to-one- with the input array

Aditya Bhave Over a year ago

@CertainPerformance yes.. I agree that it is opinion based. Check this youtube video from Surma and Jake youtube.com/watch?v=qaGjS7-qWzg

ettakhi · Accepted Answer · 2020-01-29 10:15:25Z

2

var input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', '├─BROKEN─url1HTTP_404', 'ok', 'urlok', 'Finished', 'urlGettingF2', '├─BROKEN─url1HTTP_404', '├─BROKEN─url21HTTP_404', 'Finished', 'urlGettingF3', '├─BROKEN─url3HTTP_404', '├─BROKEN─url213HTTP_404', 'Finished']

const res = input
  .join(' ')
  .split('Finished')
  .map(item => item.split(' ').filter(item => item))
  .filter(item => item.length)
  .map(item => [...item, 'Finished'])
 
console.log(res)

edited Jan 29, 2020 at 10:15

answered Jan 29, 2020 at 10:03

ettakhi

1871 silver badge7 bronze badges

Comments

Umair Khan · Accepted Answer · 2020-01-29 09:58:38Z

1

var input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', '├─BROKEN─url1HTTP_404', 'ok', 'urlok', 'Finished',
  'urlGettingF2', '├─BROKEN─url1HTTP_404', '├─BROKEN─url21HTTP_404', 'Finished',
  'urlGettingF3', '├─BROKEN─url3HTTP_404', '├─BROKEN─url213HTTP_404', 'Finished'
];

function chunkArray(arr) {
  let result = [
    []
  ];
  let index = 0;
  arr.forEach((x, i) => {
    result[index].push(x);
    if ((i + 1) < arr.length && x.includes('Finished')) {
      index++;
      result[index] = [];
    }
  });
  return result
}
console.log(chunkArray(input));

answered Jan 29, 2020 at 9:58

Umair Khan

1,75219 silver badges36 bronze badges

Comments

Aditya Bhave · Accepted Answer · 2020-01-29 10:06:04Z

You can use following algorithm.

Find indexOf('Finished')
Use Array.splice function to get the values till the index. .splice also updates the existing Array.
Do above until indexOf('Finished') > -1
Finally, add the remaining input array in the output array

let input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', '├─BROKEN─url1HTTP_404', 'ok', 'urlok', 'Finished',
  'urlGettingF2', '├─BROKEN─url1HTTP_404', '├─BROKEN─url21HTTP_404', 'Finished',
  'urlGettingF3', '├─BROKEN─url3HTTP_404', '├─BROKEN─url213HTTP_404', 'Finished'
];

let output = [];

while (true) {
  output.push(input.splice(0, input.indexOf('Finished') + 1));

  if (input.indexOf('Finished') === -1) {
    input.length && output.push(input); //to add all remaining values
    
    break;
  }
}

console.log(output);

StepUp · Accepted Answer · 2020-01-29 10:17:56Z

You can use reduce method. In reduce method, it is necessary to check whether keyword to find exists and if exists push into newly created array. Otherwise, we are pushing into existing array:

let keywordToFind = 'urlGettingF';

const result = input.reduce((a, c) => {
    (c.includes(keywordToFind)) ? a.push([c]) : a[a.length - 1].push(c); 
    return a;
}, []);

An example:

var input = ['urlGettingF', '├─BROKEN─aquaHTTP_404', 
   '├─BROKEN─url1HTTP_404', 'ok', 'urlok', 'Finished',
  'urlGettingF2', '├─BROKEN─url1HTTP_404', '├─BROKEN─url21HTTP_404', 'Finished',
  'urlGettingF3', '├─BROKEN─url3HTTP_404', '├─BROKEN─url213HTTP_404', 'Finished'
];


let keywordToFind = 'urlGettingF';
const result = input.reduce((a, c) => {
    (c.includes(keywordToFind)) ? a.push([c]) : a[a.length - 1].push(c);
    return a;
}, []);

console.log(result);

Collectives™ on Stack Overflow

How I can split my array to multiple arrays based in a value with Javascript?

5 Answers 5

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related