在Javascript中迭代字典

Question

我对Javascript很新,并试图在Javascript中迭代字典.我可以在python中轻松完成:

for key, value in dict.items():
    //do something

有没有类似的方法在Javascript中做同样的事情？

我试图迭代的结构是:

{ 'meta.num_prod': 4,
  'meta.crtd_on': '2015-12-24T06:27:18.850Z',
  'meta.last_upd': '2015-12-24T06:46:12.888Z',
  's.103114': 
     { prod_id: '103114',
       product_type: 'normal',
       last_updated: '2015-12-24T06:28:44.281Z',
       qty: 3,
       created_on: '2015-12-24T06:27:18.850Z' },
  's.103553': 
     { prod_id: '103553',
       product_type: 'normal',
       last_updated: '2015-12-24T06:46:12.888Z',
       qty: 1,
       created_on: '2015-12-24T06:46:12.888Z' } }

Answer 1

这种标准方法有多种方法可以使用Object.keys:

你可以做

• Object.keys
• Array.Prototype.forEach

Object.keys(obj).forEach(function(key) {
   console.log(key + " " + obj[key]);
});

如果您使用的是jQuery,可以使用$ .each()方法,如下所示:

$.each({ name: "John", lang: "JS" }, function( k, v ) {
  console.log( "Key: " + k + ", Value: " + v );
});

或者你可以使用for ... in循环,但我认识的大多数人现在都不使用它们,因为有更好的选择.

for (var prop in obj) {
  console.log("obj." + prop + " = " + obj[prop]);
}

如果你最终想要复杂化的东西你可以使用像这样的es6生成器来获得更类似于python的语法:

// The asterisk after `function` means that
// `objectEntries` is a generator
function* objectEntries(obj) {
    let propKeys = Reflect.ownKeys(obj);

    for (let propKey of propKeys) {
        // `yield` returns a value and then pauses
        // the generator. Later, execution continues
        // where it was previously paused.
        yield [propKey, obj[propKey]];
    }
}

let jane = { first: 'Jane', last: 'Doe' };
for (let [key,value] of objectEntries(jane)) {
    console.log(`${key}: ${value}`);
}
// Output:
// first: Jane
// last: Doe

Answer 2

EcmaScript 2017Object.entries在这种情况下会派上用场。MDN

const obj = { 
    'meta.num_prod': 4,
    'meta.crtd_on': '2015-12-24T06:27:18.850Z',
    'meta.last_upd': '2015-12-24T06:46:12.888Z',
}

Object.entries(obj).forEach(function([key, value]) {
   console.log(`${key} ${value}`);
});

输出：

元.num_prod 4
元.crtd_on 2015-12-24T06:27:18.850Z
元.last_upd 2015-12-24T06:46:12.888Z