[Code Example] how to loop through an object in javascript

Total
0
Shares

In this article we will provide you code to loop through object in javascript. You can use map() or forEach() function to loop through keys of the object. You can then access the values with the help of those keys.

Code Example –

1. Using map()

var obj = {
    "tony": "Ironman", 
    "steve": "Captain America", 
    "bruce": "Hulk", 
    "wanda": "Scarlet Witch"
}

Object.keys(obj).map(ele => {
    console.log(ele + " : " + obj[ele])
})

2. Using forEach()

var obj = {
    "tony": "Ironman", 
    "steve": "Captain America", 
    "bruce": "Hulk", 
    "wanda": "Scarlet Witch"
}

Object.keys(obj).forEach(ele => {
    console.log(ele + " : " + obj[ele])
})

3. Using while() loop –

var obj = {
    "tony": "Ironman", 
    "steve": "Captain America", 
    "bruce": "Hulk", 
    "wanda": "Scarlet Witch"
}

var i = 0
keysArr = Object.keys(obj)
while(i < keysArr.length) {
    console.log(keysArr[i] + " : " + obj[keysArr[i]])
    i++;
}

4. Using for() loop –

var obj = {
    "tony": "Ironman", 
    "steve": "Captain America", 
    "bruce": "Hulk", 
    "wanda": "Scarlet Witch"
}

keysArr = Object.keys(obj)
for(var i=0; i < keysArr.length; i++) {
    console.log(keysArr[i] + " : " + obj[keysArr[i]])
}

Output –

tony: Ironman
steve: Captain America
bruce: Hulk
wanda: Scarlet Witch

Sign Up for Our Newsletters

Get only the best articles delivered to your mail

You May Also Like