Traverse through Javascript object properties

Question

I want to traverse through JavaScript object\'s property

    var obj =
    {
        a: \'value1\',
        b: \'value2\',
        c: \'value3\',
        d: \'va         


        

Answer 1

Using ecmascript2017: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

Answer 2

for(let i = 0; i < Object.entries(dog).length; i++){
  this.temp.push(Object.entries(dog)[i]);
}

Answer 3

If you're in an ES6 friendly environment, you can also try using the for...of loop which is closer to your original attempt.

EDIT: As Caleb pointed out, for..of is specific to collections with the Symbol.iterator property (e.g. not standard JS objects).

But I'm leaving this answer here in case anybody else finds it useful at some point to have it pointed out explicitly that a for..of is not a great solution here.

let obj = {};

for (let prop of obj) { // This will throw an error
    prop = 'xxx';
}

Reference: MDN - for...of

Answer 4

const obj = {
"abc":1, "def":2
}
for (let key in obj){
  console.log(key+":"+obj[key])
}

Answer 5

var temp= {"6s","vikash","500"};
console.log([...temp]); //["6s","vikash","500"]

Answer 6

You should check that the property belongs to the object and not a prototype.

for (var prop in obj) {
    if (obj.hasOwnProperty(prop)) {
        obj[prop] = 'xxx';
    }
}