Nhận khóa và giá trị của đối tượng trong JavaScript?

Question

Cho một mảng JavaScript đối tượng, làm thế nào tôi có thể nhận được khóa và giá trị của từng đối tượng?

Đoạn code dưới đây cho thấy những gì tôi muốn làm, nhưng rõ ràng không hoạt động:

var top_brands = [ { 'Adidas' : 100 }, { 'Nike' : 50 }]; 
var brand_options = $("#top-brands"); 
$.each(top_brands, function() { 
    brand_options.append($("<option />").val(this.key).text(this.key + " " + this.value)); 
}); 

Vì vậy, làm thế nào tôi có thể nhận this.key và this.value cho mỗi mục trong mảng?

Answer 1

Thay đổi đối tượng của bạn.

var top_brands = [ 
    { key: 'Adidas', value: 100 }, 
    { key: 'Nike', value: 50 } 
]; 

var $brand_options = $("#top-brands"); 

$.each(top_brands, function(brand) { 
    $brand_options.append(
    $("<option />").val(brand.key).text(brand.key + " " + brand.value) 
); 
}); 

Như một quy tắc của ngón tay cái:

• Một đối tượng có dữ liệu và cấu trúc.
• 'Adidas', 'Nike', 100 và 50 là dữ liệu.
• Các khóa đối tượng là cấu trúc. Sử dụng dữ liệu làm khóa đối tượng là sai ngữ nghĩa. Tránh nó đi.

Không có ngữ nghĩa trong {Nike: 50}. "Nike" là gì? 50 là gì?

{key: 'Nike', value: 50} tốt hơn một chút, vì bây giờ bạn có thể lặp lại một mảng các đối tượng và giá trị này ở các vị trí có thể dự đoán được. Điều này giúp bạn dễ dàng viết mã để xử lý chúng.

Tốt hơn vẫn là {vendor: 'Nike', itemsSold: 50}, bởi vì hiện tại giá trị không chỉ ở những nơi có thể dự đoán được, chúng còn có tên có ý nghĩa. Về mặt kỹ thuật, đó là điều tương tự như trên, nhưng bây giờ một người cũng sẽ hiểu những giá trị được cho là có ý nghĩa gì.

Answer 2

$.each(top_brands, function() { 
    var key = Object.keys(this)[0]; 
    var value = this[key]; 
    brand_options.append($("<option />").val(key).text(key + " " + value)); 
}); 

Answer 3

$.each(top_brands, function(index, el) { 
    for (var key in el) { 
    if (el.hasOwnProperty(key)) { 
     brand_options.append($("<option />").val(key).text(key+ " " + el[key])); 
    } 
    } 
}); 

Nhưng nếu cấu trúc dữ liệu của bạn là var top_brands = {'Adidas': 100, 'Nike': 50}; thì điều đó sẽ đơn giản hơn nhiều.

for (var key in top_brands) { 
    if (top_brands.hasOwnProperty(key)) { 
     brand_options.append($("<option />").val(key).text(key+ " " + el[key])); 
    } 
} 

Hoặc sử dụng mỗi jquery:

$.each(top_brands, function(key, value) { 
    brand_options.append($("<option />").val(key).text(key + " " + value)); 
}); 

Answer 4

Nếu điều này là tất cả các đối tượng đang xảy ra để lưu trữ, sau đó tốt nhất theo nghĩa đen sẽ là

var top_brands = { 
    'Adidas' : 100, 
    'Nike' : 50 
    }; 

Sau đó, tất cả bạn cần là một for...in vòng lặp.

for (var key in top_brands){ 
    console.log(key, top_brands[key]); 
    } 

Answer 5

Object.keys(top_brands).forEach(function(key) { 
    var value = top_brands[key]; 
    // use "key" and "value" here... 
}); 

Btw, lưu ý rằng Object.keys và forEach không có sẵn trong các trình duyệt cổ đại, nhưng bạn nên sử dụng một số polyfill anyway.

Answer 6

for (var i in a) { 
    console.log(a[i],i) 
}