Nhận mảng các khóa của đối tượng

Tôi muốn lấy các khóa của một đối tượng JavaScript dưới dạng một mảng, trong jQuery hoặc JavaScript thuần.

Có một cách ít dài dòng hơn thế này?

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
for (var key in foo) {
    keys.push(key);
}

Sử dụng Object.keys:

var foo = {
  'alpha': 'puffin',
  'beta': 'beagle'
};

var keys = Object.keys(foo);
console.log(keys) // ['alpha', 'beta'] 
// (or maybe some other order, keys are unordered).

Đây là một tính năng ES5. Điều này có nghĩa là nó hoạt động trong tất cả các trình duyệt hiện đại nhưng sẽ không hoạt động trong các trình duyệt cũ .

ES5-shim có triển khai Object.keysbạn có thể đánh cắp

Bạn có thể sử dụng jQuery $.map.

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' },
keys = $.map(foo, function(v, i){
  return i;
});

Tất nhiên, Object.keys()là cách tốt nhất để lấy các khóa của Object. Nếu nó không có sẵn trong môi trường của bạn, nó có thể bị lung lay một cách tầm thường bằng cách sử dụng mã như trong ví dụ của bạn (ngoại trừ bạn cần tính đến vòng lặp của mình sẽ lặp lại tất cả các thuộc tính trong chuỗi nguyên mẫu, không giống như Object.keys()hành vi của chuỗi ).

Tuy nhiên, mã ví dụ của bạn ...

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
for (var key in foo) {
    keys.push(key);
}

jsFiddle .

... Có thể được sửa đổi. Bạn có thể làm bài tập ngay trong phần biến .

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [], i = 0;
for (keys[i++] in foo) {}

jsFiddle .

Tất nhiên, hành vi này khác với những gì Object.keys()thực sự làm ( jsFiddle ). Bạn chỉ có thể sử dụng shim trên tài liệu MDN .

Tôi không biết về ít dài dòng hơn nhưng tôi được truyền cảm hứng để ép buộc những điều sau vào một dòng theo yêu cầu một lớp, không biết Pythonic là như thế nào;)

var keys = (function(o){var ks=[]; for(var k in o) ks.push(k); return ks})(foo);

Trong trường hợp bạn đang ở đây để tìm kiếm một cái gì đó để liệt kê các khóa của một đối tượng lồng nhau có độ sâu n dưới dạng một mảng phẳng:

const getObjectKeys = (obj, prefix = '') => {
  return Object.entries(obj).reduce((collector, [key, val]) => {
    const newKeys = [ ...collector, prefix ? `${prefix}.${key}` : key ]
    if (Object.prototype.toString.call(val) === '[object Object]') {
      const newPrefix = prefix ? `${prefix}.${key}` : key
      const otherKeys = getObjectKeys(val, newPrefix)
      return [ ...newKeys, ...otherKeys ]
    }
    return newKeys
  }, [])
}

console.log(getObjectKeys({a: 1, b: 2, c: { d: 3, e: { f: 4 }}}))

Tóm lược

Để lấy tất cả các khóa của một đối tượng bạn có thể sử dụng Object.keys(). Object.keys()lấy một đối tượng làm đối số và trả về một mảng của tất cả các khóa.

Thí dụ:

const object = {
  a: 'string1',
  b: 42,
  c: 34
};

const keys = Object.keys(object)

console.log(keys);

console.log(keys.length) // we can easily access the total amount of properties the object has

Trong ví dụ trên, chúng tôi lưu trữ một mảng các khóa trong các khóa const. Sau đó chúng ta có thể dễ dàng truy cập số lượng thuộc tính trên đối tượng bằng cách kiểm tra độ dài của mảng khóa.

Lấy các giá trị với: Object.values()

Các chức năng bổ sung của Object.keys()là Object.values(). Hàm này lấy một đối tượng làm đối số và trả về một mảng các giá trị. Ví dụ:

const object = {
  a: 'random',
  b: 22,
  c: true
};


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

Nếu bạn quyết định sử dụng Underscore.js, bạn nên làm

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
_.each( foo, function( val, key ) {
    keys.push(key);
});
console.log(keys);