Combine two arrays into a single array object

Question

Combine two arrays into a single array object

I have an item containing the following data:

"Item": {
    "data1": [],
    "data2": [
        "5",
        "6",
        "7",
        "8"
    ]
}

Upon inspecting my item, I noticed that it consists of two sections. This is understandable since there are two arrays present. However, what I actually need is to merge these two arrays into a single one.

I've been experimenting with multiple methods for some time now, but none has yielded the desired outcome.

For instance:

var newArr = [];
newArr = [item.data1, item.data2]

Or:

$.each(item, function(key,value){
    result[i] = value;
})

Any suggestions?

javascript arrays object each

Answer 1

Answer №1

Have you considered using the Array.prototype.concat() method for this task?

const combinedArray = array1.concat(array2);

By using the concat() method, you can easily merge two or more arrays without altering the original arrays.

Answer 2

Have you considered using the Array.prototype.concat() method for this task?

const combinedArray = array1.concat(array2);

By using the concat() method, you can easily merge two or more arrays without altering the original arrays.

Answer 3

Answer №2

This handy function transforms your object into a streamlined array:

function objectToArrayConverter(obj) {
    var output = [];
    for (var key in obj) {
        if (Array.isArray(obj[key])) {
            for (var index = 0; index < obj[key].length; index++) {
                output.push(obj[key][index]);
            }
        } else {
            output.push(obj[key]);
        }
    }
    return output;
}

If you want to convert it into a single element of an object, that can be easily done too.

Answer 4

This handy function transforms your object into a streamlined array:

function objectToArrayConverter(obj) {
    var output = [];
    for (var key in obj) {
        if (Array.isArray(obj[key])) {
            for (var index = 0; index < obj[key].length; index++) {
                output.push(obj[key][index]);
            }
        } else {
            output.push(obj[key]);
        }
    }
    return output;
}

If you want to convert it into a single element of an object, that can be easily done too.

Combine two arrays into a single array object

Answer №1

Answer №2

Similar questions

Dividing an array in PHP using Ajax

Creating an AngularJs directive to alter input formatting

I am constantly finding an assortment of additional characters tacked onto the conclusion of my C-String

Issues with Node JS app's handling of php mailer code

Guide to automatically inserting text into an html form and submitting it without manual intervention

How can I trigger a PHP function by clicking a button on a PHP page that has already been loaded?

Is there a way to transform a string of regular text into a byte array with hexadecimal formatting?

Filtering a table with a customized set of strings and their specific order using pure JavaScript

Is there a way to verify that input is not empty upon loading?

Spinner Vue Displays while Loading Image from a URL

Monitoring Logfile in Ruby On Rails 3.1

Tips for locating numerous div IDs within JavaScript snippets

Utilizing Arrays with Pointers in the C Programming Language

Uncertain entities in Typescript

What could be the reason for $.each displaying just a single Mustache template from my collection?

Cycle through an array of elements and generate a fresh object

What are the steps for utilizing Magento to generate an onclick event that sets parameters in a grid

Invoke an array in PHP

Listening for changes in class property values in TypeScript with Angular involves using the `ngOnChanges`

The navigation bar initially fills the width of the screen, but does not adjust to match the width of the table when scrolling