What is the best way to divide an array into pairs and store them in separate arrays?

Question

What is the best way to divide an array into pairs and store them in separate arrays?

I'm attempting to challenge my JavaScript skills and faced with a dilemma.

There is an array containing data

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

.

The goal is to pair the elements and generate a new array of arrays such as

var newArray = [[1,2], [3,4], [5,6]];

etc

What would be the best approach to tackle this issue?

javascript arrays

Answer 1

Answer №1

Let's create a new array by grouping every two elements from the original array. Here is the JavaScript code to achieve this:

var arr = [ 4, 1, 2, 8, 9, 0 ]
var newArray = []

for (var i=0; i<arr.length; i+=2) {
   newArray.push([arr[i], arr[i+1]])
}

console.log(newArray)

Answer 2

Let's create a new array by grouping every two elements from the original array. Here is the JavaScript code to achieve this:

var arr = [ 4, 1, 2, 8, 9, 0 ]
var newArray = []

for (var i=0; i<arr.length; i+=2) {
   newArray.push([arr[i], arr[i+1]])
}

console.log(newArray)

Answer 3

Answer №2

I have created a versatile function that is capable of handling various scenarios based on your needs. You have the option to configure it to accommodate any number of objects by simply passing in the parameter n.

const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

function splitListByN(list, n = 2, reverse) {
  if(reverse) {
    return [list.splice(list.length - n).reverse()].concat(list.length > 0 ? splitListByN(list, n, reverse) : list);
  }
  return [list.splice(0, n)].concat(list.length > 0 ? splitListByN(list, n) : list);  
}

console.log(splitListByN(items, 3));

The function works by breaking down the initial list into smaller partitions. Each partition includes

[firstPartition, shortenedListFromRecursiveCall]

. For instance, with n set to 3, the output will be

[[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

. If no value is provided for n, it defaults to 2.

Furthermore, you can utilize the reverse feature:

console.log(splitListByN(items, 3, true))

. This would result in

[ [ 10, 9, 8 ], [ 7, 6, 5 ], [ 4, 3, 2 ], [ 1 ] ]

Answer 4

I have created a versatile function that is capable of handling various scenarios based on your needs. You have the option to configure it to accommodate any number of objects by simply passing in the parameter n.

const items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

function splitListByN(list, n = 2, reverse) {
  if(reverse) {
    return [list.splice(list.length - n).reverse()].concat(list.length > 0 ? splitListByN(list, n, reverse) : list);
  }
  return [list.splice(0, n)].concat(list.length > 0 ? splitListByN(list, n) : list);  
}

console.log(splitListByN(items, 3));

The function works by breaking down the initial list into smaller partitions. Each partition includes

[firstPartition, shortenedListFromRecursiveCall]

. For instance, with n set to 3, the output will be

[[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

. If no value is provided for n, it defaults to 2.

Furthermore, you can utilize the reverse feature:

console.log(splitListByN(items, 3, true))

. This would result in

[ [ 10, 9, 8 ], [ 7, 6, 5 ], [ 4, 3, 2 ], [ 1 ] ]

Answer 5

Answer №3

To achieve the desired chunk size, you can create a variable to store the size and an index to iterate over the elements until there are none left.

var array = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
    size = 3,
    chunks = [],
    i = 0;

while (i < array.length) chunks.push(array.slice(i, i += size));

console.log(chunks);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 6

To achieve the desired chunk size, you can create a variable to store the size and an index to iterate over the elements until there are none left.

var array = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
    size = 3,
    chunks = [],
    i = 0;

while (i < array.length) chunks.push(array.slice(i, i += size));

console.log(chunks);

.as-console-wrapper { max-height: 100% !important; top: 0; }

What is the best way to divide an array into pairs and store them in separate arrays?

Answer №1

Answer №2

Answer №3

Similar questions

What's the best way to keep track of the number of objects I've created

Is it possible to exchange code among several scripted Grafana dashboards?

Using recursion in JavaScript to determine if a given number is prime

Node.js module mishap

A useful tip for emphasizing tags that have attributes with endings

Utilizing PHP and Ajax for paginating JSON responses

What is the process for writing code in a recursive manner?

JavaScript: A timer that relies solely on the concept of TIME

Oops! We couldn't locate or access the file you're trying to import: ~bootstrap/scss/bootstrap

Show PHP results in an Ajax modal box

What is causing this promise to fail?

What are some tips for incorporating vue.js into a basic web application?

Is there a way to hide a paragraph or div using javascript?

Why does the event fail to trigger in an Angular 5 Kendo grid when the last character is deleted from the input box?

JavaScript and HTML - specify the location in the html document where the JavaScript script will be displayed

The Next.js API endpoint is struggling to process cross-domain POST requests

Strategies for transferring data between controllers and configuration files in AngularJS

Can you explain what is meant by an "out of DOM" element?

Monitoring and recording Ajax requests, and retrying them if they were unsuccessful

Attempting to modify the array content using useState, but unfortunately, it is not functioning as expected