如何将对象的每个值放入数组

Question

I have two objects:

a = {A: 1, B: 2};
a = {C: 3, D: 4};

I need to put the property values of the objects in to one array. So, i'm doing this by iterate each of the objects, but what next, pushing it into one array returns two separated...

$.each(a, function(_key, _val) {
    var arr = [];
    arr.push(_val);
    console.log(arr);
});

How to do this? Is it possible? I need this: arr = [1, 2, 3, 4];

Answer 1

You are initializing the arr inside the each everytime. Try this:

var arr = [];
$.each(a, function(_key, _val) {
    arr.push(_val);
    console.log(arr);
});

Here is a fiddle:

https://jsfiddle.net/aarLgmtL/

var a = {A: 1, B: 2};
var b = {C: 3, D: 4};

function join(source, target) {
    $.each(source, function(_key, _val) {
        target.push(_val);
    });
}

var arr = [];
join(a, arr);
join(b, arr);

$("#result").html(JSON.stringify(arr));

You could try using .concat as well. Here is an example from w3schools:

var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);

http://www.w3schools.com/jsref/jsref_concat_array.asp

Is this what you are looking for?

Answer 2

Don't initialize array in $.each function. It will assign new array every time $.each function call so it end up with last array element in arr variable.

 a = { A: 1, B: 2 }; b = { C: 3, D: 4 }; var arr = []; function pushToArray(a) { $.each(a, function(_key, _val) { arr.push(_val); }); } pushToArray(a); pushToArray(b); console.log(arr);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Make sure that you don't define different object with same name else end up with last object assigned to that variable.

Answer 3

The approach outlined below first creates two separate arrays, one from a and one from b , and then concatenates them together (with a little help from the jQuery Array#map method.)

a = {A: 1, B: 2};
b = {C: 3, D: 4};

var arrayFromA = $.map(a, function(value, index) {
    return [value];
});

var arrayFromB = $.map(b, function(value, index) {
    return [value];
});

finalArray = arrayFromB.concat(arrayFromA);

Answer 4

You can simply achieve this by using Object.assign

    var a = {A: 1, B: 2};
    var b = {C: 3, D: 4};
    var copy = Object.assign(a, b);
    var result =[];
    for(var i in copy){
       result.push(copy[i]);
    }
console.log(result);

Thanks.