foreach json object javascript code example

Example 1: javascript foreach get key and value

myObject ={a:1,b:2,c:3}

//es6
Object.entries(myObject).forEach(([key, value]) => {
  console.log(key , value); // key ,value
});

//es7
Object.keys(myObject).forEach(key => {
    console.log(key , myObject[key]) // key , value
})

Example 2: javascript json foreach value

const data = await response.json();

data.forEach(obj => {
  Object.entries(obj).forEach(([key, value]) => {
    console.log(`${key} ${value}`);
  });
  console.log('-------------------');
});

Example 3: loop over json javascript

var arr = [ {"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}];
    
for (var i = 0; i < arr.length; i++){
  document.write("<br><br>array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    document.write("<br> - " + key + ": " + value);
  }
}

Example 4: iterate over json data javascript

var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one:1, two:2, three:3, four:4, five:5 };

jQuery.each(arr, function() {
  $("#" + this).text("My id is " + this + ".");
  return (this != "four"); // will stop running to skip "five"
});

jQuery.each(obj, function(i, val) {
  $("#" + i).append(document.createTextNode(" - " + val));
});