Divide the array based on its individual values

Question

Divide the array based on its individual values

I am dealing with an array like the one below:

var aaa = [
  [[value1,value2],[0,0]],
  [[value3,value4],[0,1]],
  [[value5,value6],[1,0]],
  [[value7,value8],[0,2]],
  [[value9,value10],[1,1]],
  [[value11,value12],[2,0]]
];

Now, I want to split this array into multiple arrays based on specific values such as [0,1], [0,2], etc.

This means creating new arrays like:

array1 = [[value1,value2],[value3,value4],[value7,value8]];
array2 = [[value5,value6],[value9,value10]];
array3 = [[value11,value12]];

What is the best approach to achieve this?

javascript arrays multidimensional-array

Answer 1

Answer №1

Here is a code snippet you can use:

const myArray = [
[['apple','orange'],[0,1]],
[['banana','grape'],[0,2]],
[['kiwi','melon'],[1,0]],
[['pear','strawberry'],[0,3]],
[['blueberry','raspberry'],[1,1]],
[['pineapple','peach'],[2,0]]];

let result = {};

for (let i = 0; i < myArray.length; i += 1) {
    if (!result[myArray[i][1][0]]) {
        result[myArray[i][1][0]] = [];
    }
    result[myArray[i][1][0]].push(myArray[i][0]);
}

You can then access the results like this:

result[0]; //[[apple,orange],[banana,grape],[pear,strawberry]];
result[1]; //[[kiwi,melon],[blueberry,raspberry]];
result[2]; //[[pineapple,peach]];

Answer 2

Here is a code snippet you can use:

const myArray = [
[['apple','orange'],[0,1]],
[['banana','grape'],[0,2]],
[['kiwi','melon'],[1,0]],
[['pear','strawberry'],[0,3]],
[['blueberry','raspberry'],[1,1]],
[['pineapple','peach'],[2,0]]];

let result = {};

for (let i = 0; i < myArray.length; i += 1) {
    if (!result[myArray[i][1][0]]) {
        result[myArray[i][1][0]] = [];
    }
    result[myArray[i][1][0]].push(myArray[i][0]);
}

You can then access the results like this:

result[0]; //[[apple,orange],[banana,grape],[pear,strawberry]];
result[1]; //[[kiwi,melon],[blueberry,raspberry]];
result[2]; //[[pineapple,peach]];

Answer 3

Answer №2

Consider the following scenario:

[['item1','item2'],[0,1]]

In this instance: 0 indicates in which array the item should be placed. 1 indicates in which position within that array it should be stored.

The provided code accomplishes this task:

var data = [
    [['item1','item2'],[0,1]],
    [['item3','item4'],[0,2]],
    [['item5','item6'],[1,0]],
    [['item7','item8'],[0,3]],
    [['item9','item10'],[1,1]],
    [['item11','item12'],[2,0]]
];

var result_array = new Array();

for (var index in data) {
    if (result_array[data[index][1][0]] == undefined) {
        result_array[data[index][1][0]] = new Array();
    }
    result_array[data[index][1][0]][data[index][1][1]] = data[index][0];
}

Note: This may result in empty cells, as demonstrated by the absence of a [0,0] cell in the example provided.

Answer 4

Consider the following scenario:

[['item1','item2'],[0,1]]

In this instance: 0 indicates in which array the item should be placed. 1 indicates in which position within that array it should be stored.

The provided code accomplishes this task:

var data = [
    [['item1','item2'],[0,1]],
    [['item3','item4'],[0,2]],
    [['item5','item6'],[1,0]],
    [['item7','item8'],[0,3]],
    [['item9','item10'],[1,1]],
    [['item11','item12'],[2,0]]
];

var result_array = new Array();

for (var index in data) {
    if (result_array[data[index][1][0]] == undefined) {
        result_array[data[index][1][0]] = new Array();
    }
    result_array[data[index][1][0]][data[index][1][1]] = data[index][0];
}

Note: This may result in empty cells, as demonstrated by the absence of a [0,0] cell in the example provided.

Divide the array based on its individual values

Answer №1

Answer №2

Similar questions

Guide on using Fetch API to send a request to a PHP file using the POST method

Troubleshooting why the second statement is not being triggered by the Vuejs

Updating the content of a div when the mouse hovers over it

Once the PostgreSQL container is stopped with docker-compose down, the previously used port becomes unavailable for use again

Saving various data types in a single array

What is the correct way to execute the query "select * from table where indexA >= 'a' order by indexB ASC limit 10" in indexedDB?

Give a class to the element contained within an anchor tag

What is the most effective way to utilize zoom with an Orthographic projection?

Issue encountered with @Nuxt.js/Cloudinary plugin for Media Enhancement: "Access to this endpoint is restricted due to insufficient permissions"

The output is: [object of type HTMLSpanElement]

What could be causing my prompt for a username to not work properly as I attempt to develop a system that generates a unique code using the user's initials?

Concealing elements with duplicate attributes using jQuery

When hovering over the background, it will enlarge but the text in front will remain the same size

Avoiding the loading of textures on the obj model in three.js is essential

Cross-Origin Resource Sharing (CORS): The preflight request response does not satisfy the access control check

Is it possible to utilize an Angular2 service with the DOM addEventListener?

"Is it possible to rearrange the parent div's position when hovering over a child image with jquery sortable

Switch out the words within the input box

Increase numbers with uniform speed using jQuery for each number

How do I use JavaScript to make each trigger execute a function that only impacts its own child elements?