Chuyển đổi một đối tượng JS thành một mảng bằng jQuery

Ứng dụng của tôi tạo một đối tượng JavaScript, như sau:

myObj= {1:[Array-Data], 2:[Array-Data]}

Nhưng tôi cần đối tượng này như là một mảng.

array[1]:[Array-Data]
array[2]:[Array-Data]

Vì vậy, tôi đã cố gắng chuyển đổi đối tượng này thành một mảng bằng cách lặp $.eachqua thông qua đối tượng và thêm phần tử vào một mảng:

x=[]
$.each(myObj, function(i,n) {
    x.push(n);});

Có cách nào tốt hơn để chuyển đổi một đối tượng thành một mảng hoặc có thể là một hàm không?

var myObj = {
    1: [1, 2, 3],
    2: [4, 5, 6]
};

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


console.log(array);

Đầu ra:

[[1, 2, 3], [4, 5, 6]]

Nếu bạn đang tìm kiếm một phương pháp chức năng:

var obj = {1: 11, 2: 22};
var arr = Object.keys(obj).map(function (key) { return obj[key]; });

Kết quả trong:

[11, 22]

Tương tự với chức năng mũi tên ES6:

Object.keys(obj).map(key => obj[key])

Với ES7, bạn sẽ có thể sử dụng Object.valuesthay thế ( thêm thông tin ):

var arr = Object.values(obj);

Hoặc nếu bạn đã sử dụng Underscore / Lo-Dash:

var arr = _.values(obj)

Tôi nghĩ rằng bạn có thể sử dụng for innhưng kiểm tra nếu tài sản không được suy ra

myObj= {1:[Array-Data], 2:[Array-Data]}
var arr =[];
for( var i in myObj ) {
    if (myObj.hasOwnProperty(i)){
       arr.push(myObj[i]);
    }
}

EDIT - nếu bạn muốn, bạn cũng có thể giữ các chỉ mục của đối tượng của mình, nhưng bạn phải kiểm tra xem chúng có phải là số không (và bạn nhận được các giá trị không xác định cho các chỉ mục bị thiếu:

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

myObj= {1:[1,2], 2:[3,4]}
var arr =[];
for( var i in myObj ) {
    if (myObj.hasOwnProperty(i)){
        if (isNumber(i)){
            arr[i] = myObj[i];
        }else{
          arr.push(myObj[i]);
        }
    }
}

Đơn giản chỉ cần làm

Object.values(obj);

Đó là tất cả!

Nếu bạn biết chỉ số tối đa trong đối tượng của mình, bạn có thể làm như sau:

var myObj = {
    1: ['c', 'd'],
    2: ['a', 'b']
  },
  myArr;

myObj.length = 3; //max index + 1
myArr = Array.prototype.slice.apply(myObj);
console.log(myArr); //[undefined, ['c', 'd'], ['a', 'b']]

Vì ES5 Object.keys () trả về một mảng chứa các thuộc tính được xác định trực tiếp trên một đối tượng (không bao gồm các thuộc tính được xác định trong chuỗi nguyên mẫu):

Object.keys(yourObject).map(function(key){ return yourObject[key] });

ES6 tiến thêm một bước với các chức năng mũi tên:

Object.keys(yourObject).map(key => yourObject[key]);

Ngày nay, có một cách đơn giản để làm điều này: Object.values ​​() .

var myObj = {
    1: [1, 2, 3],
    2: [4, 5, 6]
};

console.log(Object.values(myObj));

Đầu ra:

[[1, 2, 3], [4, 5, 6]]

Điều này không cần jQuery, nó được định nghĩa trong ECMAScript 2017.
Nó được hỗ trợ bởi mọi trình duyệt hiện đại (quên IE).

Phương pháp tốt nhất sẽ là sử dụng hàm javascript -only:

var myArr = Array.prototype.slice.call(myObj, 0);

x = [];
for( var i in myObj ) {
    x[i] = myObj[i];
}

ECMASCRIPT 5:

Object.keys(myObj).map(function(x) { return myObj[x]; })

ECMASCRIPT 2015 hoặc ES6:

Object.keys(myObj).map(x => myObj[x])

Làm thế nào về jQuery.makeArray(obj)

Đây là cách tôi đã làm nó trong ứng dụng của tôi.

Cách giải rất đơn giản.

var my_obj = {1:[Array-Data], 2:[Array-Data]}
Object.keys(my_obj).map(function(property_name){ 
    return my_obj[property_name]; 
});

Cách ES8 dễ dàng :

Tài liệu chính thức

    const obj = { x: 'xxx', y: 1 };
    let arr = Object.values(obj); // ['xxx', 1]
    console.log(arr);

Fiddle Demo

Mở rộng để trả lời của bjornd .

var myObj = {
    1: [1, [2], 3],
    2: [4, 5, [6]]
}, count = 0,
    i;
//count the JavaScript object length supporting IE < 9 also
for (i in myObj) {
    if (myObj.hasOwnProperty(i)) {
        count++;
    }
}
//count = Object.keys(myObj).length;// but not support IE < 9
myObj.length = count + 1; //max index + 1
myArr = Array.prototype.slice.apply(myObj);
console.log(myArr);

Array.prototype.slice ()

Hàm.prototype.apply ()

Object.prototype.hasOwnProperty ()

Object.keys ()

Nếu bạn muốn giữ tên thuộc tính của đối tượng làm giá trị. Thí dụ:

var fields = {
    Name: { type: 'string', maxLength: 50 },
    Age: { type: 'number', minValue: 0 }
}

Sử dụng Object.keys(), Array.map()và Object.assign():

var columns = Object.keys( fields ).map( p => Object.assign( fields[p], {field:p} ) )

Kết quả:

[ { field: 'Name', type: 'string', maxLength: 50 }, 
  { field: 'Age', type: 'number', minValue: 0 } ]

Giải trình:

Object.keys()liệt kê tất cả các thuộc tính của nguồn; .map()áp dụng =>hàm cho mỗi thuộc tính và trả về một mảng; Object.assign()hợp nhất tên và giá trị cho mỗi tài sản.

Tôi đã thực hiện một chức năng tùy chỉnh:

    Object.prototype.toArray=function(){
    var arr=new Array();
    for( var i in this ) {
        if (this.hasOwnProperty(i)){
            arr.push(this[i]);
        }
    }
    return arr;
};

Sau một số thử nghiệm, đây là một đối tượng chung để chuyển đổi hàm mảng:

Bạn có đối tượng:

var obj = {
    some_key_1: "some_value_1"
    some_key_2: "some_value_2"
};

Chức năng:

function ObjectToArray(o)
{
    var k = Object.getOwnPropertyNames(o);
    var v = Object.values(o);

    var c = function(l)
    {
        this.k = [];
        this.v = [];
        this.length = l;
    };

    var r = new c(k.length);

    for (var i = 0; i < k.length; i++)
    {
        r.k[i] = k[i];
        r.v[i] = v[i];
    }

    return r;
}

Chức năng sử dụng:

var arr = ObjectToArray(obj);

Bạn lấy:

arr {
    key: [
        "some_key_1",
        "some_key_2"
    ],
    value: [
        "some_value_1",
        "some_value_2"
    ],
    length: 2
}

Vì vậy, sau đó bạn có thể đạt được tất cả các khóa & giá trị như:

for (var i = 0; i < arr.length; i++)
{
    console.log(arr.key[i] + " = " + arr.value[i]);
}

Kết quả trong bảng điều khiển:

some_key_1 = some_value_1
some_key_2 = some_value_2

Biên tập:

Hoặc ở dạng nguyên mẫu:

Object.prototype.objectToArray = function()
{
    if (
        typeof this != 'object' ||
        typeof this.length != "undefined"
    ) {
        return false;
    }

    var k = Object.getOwnPropertyNames(this);
    var v = Object.values(this);

    var c = function(l)
    {
        this.k = [];
        this.v = [];
        this.length = l;
    };

    var r = new c(k.length);

    for (var i = 0; i < k.length; i++)
    {
        r.k[i] = k[i];
        r.v[i] = v[i];
    }

    return r;
};

Và sau đó sử dụng như:

console.log(obj.objectToArray);

Bạn có thể tạo một chức năng đơn giản để thực hiện chuyển đổi từ objectsang array, một cái gì đó như thế này có thể thực hiện công việc cho bạn bằng cách sử dụng javascript thuần túy:

var objectToArray = function(obj) {
  var arr = [];
  if ('object' !== typeof obj || 'undefined' === typeof obj || Array.isArray(obj)) {
    return obj;
  } else {
    Object.keys(obj).map(x=>arr.push(obj[x]));
  }
  return arr;
};

hoặc cái này:

var objectToArray = function(obj) {
  var arr =[];
  for(let o in obj) {
    if (obj.hasOwnProperty(o)) {
      arr.push(obj[o]);
    }
  }
  return arr;
};

và gọi và sử dụng chức năng như dưới đây:

var obj = {1:'a', 2:'b', 3:'c', 4:'d', 5:'e'};
objectToArray(obj); // return ["a", "b", "c", "d", "e"]

Ngoài ra, trong tương lai, chúng tôi sẽ có một cái gì đó được gọi là Object.values(obj)tương tự Object.keys(obj)sẽ trả về tất cả các thuộc tính cho bạn dưới dạng một mảng, nhưng chưa được hỗ trợ trong nhiều trình duyệt ...