Ways to divide elements of an array into pairs

Question

Ways to divide elements of an array into pairs

I am working with a javascript array containing values [A,B,C,D,E.....] that needs to be split using the following syntax:

[ [A, B], [C, D], [E, F] ]

This splitting process should always result in pairs.

I attempted to achieve this using a loop to return a string, and here is my code snippet which almost accomplishes what I want:

text = '['+array[0]+','+array[1]+']';
for (index = 2; index < array.length; index++) {
    text += '['+array[index]+','+array[index+1]+']';
    console.log(text);
}

The current output displays:

[10:00,15:45][18:30,20:00]
[10:00,15:45][18:30,20:00][20:00,undefined]

But I actually need the output to be:

[10:00,15:45][18:30,20:00]

javascript arrays

Answer 1

Answer №1

One way to approach this is by converting the text into an actual array and then pushing pairs of elements in.

var initial=['A','B','C','D','E','F'];
var newText=[];
for (i = 0; i < initial.length-1; i+=2) {
    newText.push([initial[i],initial[i+1]]);
    console.log(JSON.stringify(newText));
}

Answer 2

One way to approach this is by converting the text into an actual array and then pushing pairs of elements in.

var initial=['A','B','C','D','E','F'];
var newText=[];
for (i = 0; i < initial.length-1; i+=2) {
    newText.push([initial[i],initial[i+1]]);
    console.log(JSON.stringify(newText));
}

Answer 3

Answer №2

Discover a simple technique for grouping array elements. After the operation, ensure that your inner arrays consist of exactly 2 elements if you are only interested in pairs.

if (!Array.prototype.group) {
  Array.prototype.group = function (length) {
    var a = this.slice(), r = [];
    length = length || 1;
    
    while (a.length > 0) {
      r.push(a.splice(0, length));
    }
    
    return r;
  };
}

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'].group(2);

console.log(arr);

An alternative approach for discarding a final group that does not conform to your desired length.

if (!Array.prototype.group) {
  Array.prototype.group = function (length, req) {
    var a = this.slice(), r = [], h;
    length = length || 1;
    
    while (a.length > 0) {
      h = a.splice(0, length);
      
      if (!req || h.length === length) {
        r.push(h);
      }
    }
    
    return r;
  };
}

var arr = ['an', 'odd', 'number', 'of', 'elements'].group(2, true);

console.log(arr)

Answer 4

Discover a simple technique for grouping array elements. After the operation, ensure that your inner arrays consist of exactly 2 elements if you are only interested in pairs.

if (!Array.prototype.group) {
  Array.prototype.group = function (length) {
    var a = this.slice(), r = [];
    length = length || 1;
    
    while (a.length > 0) {
      r.push(a.splice(0, length));
    }
    
    return r;
  };
}

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'].group(2);

console.log(arr);

An alternative approach for discarding a final group that does not conform to your desired length.

if (!Array.prototype.group) {
  Array.prototype.group = function (length, req) {
    var a = this.slice(), r = [], h;
    length = length || 1;
    
    while (a.length > 0) {
      h = a.splice(0, length);
      
      if (!req || h.length === length) {
        r.push(h);
      }
    }
    
    return r;
  };
}

var arr = ['an', 'odd', 'number', 'of', 'elements'].group(2, true);

console.log(arr)

Answer 5

Answer №3

Here's a potential solution:

function divideArray(arr){
    var dividedArray = [];
    for(var i = 0; i < arr.length; i += 2){
        if(i + 1 < arr.length){
            dividedArray.push([arr[i], arr[i + 1]]);
        }
        else{
            dividedArray.push([arr[i]]);
        }
    }
    return dividedArray;
};

This updated function can handle both arrays with an even or odd number of elements.

Answer 6

Here's a potential solution:

function divideArray(arr){
    var dividedArray = [];
    for(var i = 0; i < arr.length; i += 2){
        if(i + 1 < arr.length){
            dividedArray.push([arr[i], arr[i + 1]]);
        }
        else{
            dividedArray.push([arr[i]]);
        }
    }
    return dividedArray;
};

This updated function can handle both arrays with an even or odd number of elements.

Ways to divide elements of an array into pairs

Answer №1

Answer №2

Answer №3

Similar questions

Retrieving data with .getJSON and iterating over an array

changing the data with the d3 streamgraph transition

Error Alert: Arrays and confusion reign during run-time check failure #2

Adding ObjectNodes to ArrayNodes without losing any old data can be efficiently achieved by iterating through the Array

In order for the user to proceed, they must either leave the zip code field blank or input a 5-digit number. However, I am encountering a problem with the else if statement

How about a unique scrolling experience?

Cleaning a string of word characters in Javascript: a step-by-step guide

What is the best method for adjusting the text size within a doughnut chart using react-chartjs-2?

Fetching real-time Twitter search feeds through dynamic AJAX requests

I want to use the enter key for posting, but also have the ability to use the shift and enter key to create a

Exploring Linked Data in JSON API Response with Rails API, Active Model Serializer, and Vue.js Single Page Application

Creating a fresh array by applying a filter and assigning keys

What is the best way to retrieve values from a multi-select dropdown that functions effectively with each selection made

How come the text color isn't changing in my Tailwind CSS and Next.js project?

Unable to successfully perform DELETE or UPDATE operations with Axios MySQL, encountering errors

The presence of #xfbml=1 is leading to some issues

Submitting the form may cause disruptions for others

Creating seamless transitions between pages using hyperlinks

Struggling to link together a series of axios requests

Error encountered during NextJS build - file or directory not found for 500.html