20

给定一个 JavaScript 对象数组,如何获取每个对象的键和值?

下面的代码显示了我想做的事情,但显然不起作用:

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));
});

那么,我怎样才能得到数组this.keythis.value的每个条目呢?

4

6 回答 6

23

改变你的对象。

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)
  );
});

根据经验:

  • 一个对象有数据结构
  • 'Adidas', 'Nike',10050数据
  • 对象键是结构。使用数据作为对象键在语义上是错误的。躲开它。

中没有语义{Nike: 50}。什么是“耐克”?什么是50?

{key: 'Nike', value: 50}稍微好一点,因为现在您可以迭代这些对象的数组,并且值位于可预测的位置。这使得编写处理它们的代码变得容易。

更好的是{vendor: 'Nike', itemsSold: 50},因为现在值不仅位于可预测的位置,而且还具有有意义的名称。从技术上讲,这与上述相同,但现在人们也会理解这些值的含义。

于 2012-05-23T10:57:05.787 回答
20
$.each(top_brands, function() {
  var key = Object.keys(this)[0];
  var value = this[key];
  brand_options.append($("<option />").val(key).text(key + " "  + value));
});
于 2012-05-23T10:54:32.093 回答
15

如果这是对象要存储的全部内容,那么最好的文字是

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

那么你所需要的只是一个for...in循环。

for (var key in top_brands){
    console.log(key, top_brands[key]);
    }
于 2012-05-23T11:00:16.177 回答
8
$.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]));
    }
  }
});

但是如果你的数据结构是var top_brands = {'Adidas': 100, 'Nike': 50};,那么事情会简单得多。

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

或者分别使用jquery:

$.each(top_brands, function(key, value) {
    brand_options.append($("<option />").val(key).text(key + " "  + value));
});
于 2012-05-23T10:57:19.440 回答
3
for (var i in a) {
   console.log(a[i],i)
}
于 2016-10-27T12:50:12.150 回答
1
Object.keys(top_brands).forEach(function(key) {
  var value = top_brands[key];
  // use "key" and "value" here...
});

顺便说一句,请注意,Object.keys并且forEach在古代浏览器中不可用,但无论如何您都应该使用一些 polyfill。

于 2012-05-23T11:00:43.487 回答