Dividing and joining a JavaScript array into segments based on character length

Question

Dividing and joining a JavaScript array into segments based on character length

Suppose I have an array structured like this:

let inputArr = [
"Name: Jarina Begum↵Age: 70 years↵↵",
"Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵",
"Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার আগে↵",
"Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার পরে↵",
"Savoy Sulphur Soap↵.১.৫ মাস -- নিয়মিত ব্যবহার করবেন।↵",
"Advices:",
"১।নিয়মিত ওষুধ সেবন করবেন।, ",
"২।সাধারন সাবান লাগাবেন না।, ",
"৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ",
"৪।পরিবারের সবার চিকিৎসা করতে হবে।, ",
"৫।কবিরাজী ও হোমিওপাথি করবেন না, ",
"৬।ডাক্তার এর পরামর্শ বাতিত ওষুধ বন্ধ করবেন না।"
];

The task is to create a new array by joining elements from the given array where each element's character count should be <=300.

To achieve this, concatenate the elements one after another, keeping track of the character size & index of the array. Once the concatenation exceeds the limit [which is 300 in this case], push it into a new array, and start counting characters from the next index considering the character size from 0.

This process continues until the last index of inputArr.

If any element's size is >300, break that element into chunks of 300 characters each.

The expected output will look something like this:

[
"Name: Jarina Begum↵Age: 70 years↵↵Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.১৫ মাস -- খাওয়ার আগে↵Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.1৫ মাস -- খাওয়ার পরে↵Savoy Sulphur Soap↵.১.১5 মাস -- নিয়মিত ব্যবহার করবেন।↵Advices:",
"১।নিয়মিত ওষুধ সেবন করবেন।, ২।সাধারন সাবান লাগাবেন না।, ৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ৪।পরিবারের সবার চিকিৎসা করতে হবে।, ৫।কবিরাজী ও হোমিওপাথি করবেন না, ৬।ডাক্তার এর পরামর্শ বাতিত ওষুধ বন্ধ করবেন না।"
];

In summary, here are the requirements:

Create a new array by concatenating elements from a given array where the total character count of elements does not exceed <=300
If the character count of any element in the original array is >300, divide it into chunks with a limit of 300 characters and splice them back into the original array.

javascript arrays loops split reduce

Answer 1

Answer №1

To efficiently achieve this, you can utilize the .match method along with RegEx like so:

let characterLimitArray = inputArr.join().match(/.{1,300}/g)
console.log(characterLimitArray);

let inputArr = [
"Name: Jarina Begum↵Age: 70 years   ↵↵",
"Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵",
"Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.৮ মাস -- খাওয়ার আগে↵",
"Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার পরে↵",
"Savoy Sulphur Soap↵.১.৮ মাস -- নিয়েমিত ব্যবহার করবেন।↵",
"Advices:",
"১।নিয়মিত ওষুধ সেবন করবেন।, ",
"২।সাধারন সাবান লাগাবেন না।, ",
"৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ",
"৪। পরিবারের সবার চিকিৎসা করতে হবে।, ",
"৫।কবিরাজী ও হমিওপাথি করবেন না, ",
"৬।ডাক্তার এর পরামর্শ বাতিত অষুধ বন্দ করবেন না।"
];
console.log(inputArr.join().match(/.{1,300}/g))

We hope this solution is useful to you...

Answer 2

To efficiently achieve this, you can utilize the .match method along with RegEx like so:

let characterLimitArray = inputArr.join().match(/.{1,300}/g)
console.log(characterLimitArray);

let inputArr = [
"Name: Jarina Begum↵Age: 70 years   ↵↵",
"Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵",
"Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.৮ মাস -- খাওয়ার আগে↵",
"Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার পরে↵",
"Savoy Sulphur Soap↵.১.৮ মাস -- নিয়েমিত ব্যবহার করবেন।↵",
"Advices:",
"১।নিয়মিত ওষুধ সেবন করবেন।, ",
"২।সাধারন সাবান লাগাবেন না।, ",
"৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ",
"৪। পরিবারের সবার চিকিৎসা করতে হবে।, ",
"৫।কবিরাজী ও হমিওপাথি করবেন না, ",
"৬।ডাক্তার এর পরামর্শ বাতিত অষুধ বন্দ করবেন না।"
];
console.log(inputArr.join().match(/.{1,300}/g))

We hope this solution is useful to you...

Answer 3

Answer №2

Thanks to all who took the time to help me with my issue, even though it didn't meet all of my requirements. Nevertheless, I managed to solve it using a traditional loop.

I created three functions to address this problem - one for the first requirement and two for the second.

Function One: This function takes two parameters: an array and the character limit length.

Within this function, I call the second function, passing in the given array and storing the result as an input array.

const chunkSmsArr = (arr, len=300) => {
    let inputArr = checkElLength(arr, len);
    let outputArr = [];
    let msgString = '';
    let count = 0;

    for(let i=0; i<inputArr.length; i++) {
        if ((msgString + inputArr[i]).length <= len) {
            msgString += inputArr[i];
        } else {
            msgString = '';
            msgString += inputArr[i];
            count++;
        }
        outputArr[count] = msgString;
    }

    return outputArr;
}

Function Two: This function checks each element in the provided array. If the length of any element is greater than 300, it calls the third function to break the string into array elements and splices it at the current iteration position.

const checkElLength = (inputArr, len) => {
    let outputArr = [];
    for(let i=0; i<inputArr.length; i++) {
        if (inputArr[i].length > len) {
            let breakedSmsArr = breakSmsArrString(inputArr[i], len);
            inputArr.splice(i, 1, ...breakedSmsA`rr);
        }
    }
    outputArr = inputArr;
    return outputArr;
}

Function Three: In this function, I also pass two parameters: the string that needs to be broken into array elements and the character limit length.

const breakSmsArrString = (str, len) => {
    let curr = len;
    let prev = 0;
    let output = [];

    while(str[curr]) {
        if(str[curr++] == ' ') {
            output.push(str.substring(prev,curr));
            prev = curr;
            curr += len;
        } else {
            let currReverse = curr;
            do {
                if(str.substring(currReverse - 1, currReverse) == ' ') {
                    output.push(str.substring(prev,currReverse));
                    prev = currReverse;
                    curr = currReverse + len;
                    break;
                }
                currReverse--;
            } while(currReverse > prev)
        }
    }
    output.push(str.substr(prev)); 
    return output;
}

You can now test the output using console.log:

console.log(chunkArr(inputArr, 300));

Answer 4

Thanks to all who took the time to help me with my issue, even though it didn't meet all of my requirements. Nevertheless, I managed to solve it using a traditional loop.

I created three functions to address this problem - one for the first requirement and two for the second.

Function One: This function takes two parameters: an array and the character limit length.

Within this function, I call the second function, passing in the given array and storing the result as an input array.

const chunkSmsArr = (arr, len=300) => {
    let inputArr = checkElLength(arr, len);
    let outputArr = [];
    let msgString = '';
    let count = 0;

    for(let i=0; i<inputArr.length; i++) {
        if ((msgString + inputArr[i]).length <= len) {
            msgString += inputArr[i];
        } else {
            msgString = '';
            msgString += inputArr[i];
            count++;
        }
        outputArr[count] = msgString;
    }

    return outputArr;
}

Function Two: This function checks each element in the provided array. If the length of any element is greater than 300, it calls the third function to break the string into array elements and splices it at the current iteration position.

const checkElLength = (inputArr, len) => {
    let outputArr = [];
    for(let i=0; i<inputArr.length; i++) {
        if (inputArr[i].length > len) {
            let breakedSmsArr = breakSmsArrString(inputArr[i], len);
            inputArr.splice(i, 1, ...breakedSmsA`rr);
        }
    }
    outputArr = inputArr;
    return outputArr;
}

Function Three: In this function, I also pass two parameters: the string that needs to be broken into array elements and the character limit length.

const breakSmsArrString = (str, len) => {
    let curr = len;
    let prev = 0;
    let output = [];

    while(str[curr]) {
        if(str[curr++] == ' ') {
            output.push(str.substring(prev,curr));
            prev = curr;
            curr += len;
        } else {
            let currReverse = curr;
            do {
                if(str.substring(currReverse - 1, currReverse) == ' ') {
                    output.push(str.substring(prev,currReverse));
                    prev = currReverse;
                    curr = currReverse + len;
                    break;
                }
                currReverse--;
            } while(currReverse > prev)
        }
    }
    output.push(str.substr(prev)); 
    return output;
}

You can now test the output using console.log:

console.log(chunkArr(inputArr, 300));

Answer 5

Answer №3

Here is an alternative approach using a basic for loop.

  let inputArr = [
  "Name: Jarina Begum↵Age: 70 years   ↵↵",
  "Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵",
  "Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার আগে↵",
  "Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার পরে↵",
  "Savoy Sulphur Soap↵.১.৫ মাস -- নিয়েমিত ব্যবহার করবেন।↵",
  "Advices:",
  "১।নিয়মিত ওষুধ সেবন করবেন।, ",
  "২।সাধারন সাবান লাগাবেন না।, ",
  "৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ",
  "৪। পরিবারের সবার চিকিৎসা করতে হবে।, ",
  "৫।কবিরাজী ও হমিওপাথি করবেন না, ",
  "৬।ডাক্তার এর পরামর্শ বাতিত অষুধ বন্দ করবেন না।"
  ];

let expectedArr = [];
let driverString = '';
var count = 0;
var length_= 0;
for(var i = 0; i < inputArr.length; i++){
   length_  = inputArr[i]+ driverString;
   if(length_.length <= 300 ){
    driverString = driverString + inputArr[i]; 
   }else{
    driverString = '';
    driverString = driverString + inputArr[i]; 
    count++;
    length_= 0;
   }
  expectedArr[count] = driverString;
}
console.log(expectedArr,expectedArr.length)

Answer 6

Here is an alternative approach using a basic for loop.

  let inputArr = [
  "Name: Jarina Begum↵Age: 70 years   ↵↵",
  "Tab. Mycofree (250 mg)↵১ + 0 + ১/২ টা -- ১.৫ মাস -- খাওয়ার পরে↵",
  "Cap. Losectil (20 mg)↵১ + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার আগে↵",
  "Tab. Rupin (10 mg)↵0 + 0 + ১ টা -- .১.৫ মাস -- খাওয়ার পরে↵",
  "Savoy Sulphur Soap↵.১.৫ মাস -- নিয়েমিত ব্যবহার করবেন।↵",
  "Advices:",
  "১।নিয়মিত ওষুধ সেবন করবেন।, ",
  "২।সাধারন সাবান লাগাবেন না।, ",
  "৩।পরিধেয় জামা কাপড় Savlon/Detol দিয়ে ধুয়ে ফেলবেন, ",
  "৪। পরিবারের সবার চিকিৎসা করতে হবে।, ",
  "৫।কবিরাজী ও হমিওপাথি করবেন না, ",
  "৬।ডাক্তার এর পরামর্শ বাতিত অষুধ বন্দ করবেন না।"
  ];

let expectedArr = [];
let driverString = '';
var count = 0;
var length_= 0;
for(var i = 0; i < inputArr.length; i++){
   length_  = inputArr[i]+ driverString;
   if(length_.length <= 300 ){
    driverString = driverString + inputArr[i]; 
   }else{
    driverString = '';
    driverString = driverString + inputArr[i]; 
    count++;
    length_= 0;
   }
  expectedArr[count] = driverString;
}
console.log(expectedArr,expectedArr.length)

Dividing and joining a JavaScript array into segments based on character length

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to determine if a radio button has been chosen, and proceed to the next radio button to display varied information?

What steps can be taken to turn off specific warning rules for CSS mode in ACE editor?

What methods are available for integrating ArcGIS JS into Vue.js?

Is it feasible to use JQuery to automatically scroll a DIV with scrollbars to the very bottom?

Employing ExpressJS on the server side and JQuery on the client side for handling static links

After successfully sending a GET request to the API, the Next.js 13.4.3 website still does not reflect new posts added on the hosting platform

Encountering issues while attempting to execute node-sass using npm

JavaScript code to retrieve an image from an <img> tag's source URL that only allows a single request and is tainted due to cross-origin restrictions

Unable to import the configuration module that is located three directories away in a Node.js environment

Transforming JSON/XML into a hierarchical display

Is there a way to stop Bootstrap from automatically bolding the font?

What method can I use in C++ to quickly duplicate an array on the go?

Utilize array in Laravel view with VueJS

I am encountering an issue with CreateJS where I receive the error message: "createjs is not defined"

Template for event cell details in Angular2 calendar view

I must utilize the MongoDB native driver to retrieve unique IDs sorted by a timestamp column

What is the best way to retrieve the value from a custom attribute in a React element?

Ways to delete a CSS attribute with jquery

Is it possible to encounter an invalid character when trying to parse valid JSON using

directive in Angular ordering