Iterating over properties (not values) of JavaScript Object

[justin]

Here’s iteration of an object’s own keys in ES6.

References:

• MDN for of
• Example fiddle

const obj = { a: 1, b:1};
obj.__proto__.x = 1;

console.log("With Object.keys");

for (let k of Object.keys(obj)) {
  console.log(`k is ${k}`);
}

console.log("Without Object.keys, we get prototype");

for (let k in obj) {
  console.log(`k is ${k}`);
}

console.log("Without Object.keys, checking hasOwnProperty");

for (let k in obj) {
  if (obj.hasOwnProperty(k)) {
    console.log(`k is ${k}`);
  }
}

[mapreal19]

If using lodash:

_.forOwn(obj, function(v, k) {
  console.log(k); //logs a,b
});

_.forIn(obj, function(v, k) {
  console.log(k); //logs a,b,x
});

Fiddle

[justin]

Here’s a couple pictures:

[alexfedoseev]

ES6 — definitely FTW

[justin]

And ES7

https://babeljs.io/docs/usage/experimental/

[urbanvikingr]

Someone needs to read https://leanpub.com/exploring-es6/ and blogs by Alex Rauschmayer.