javascript foreach element code example

Example 1: javascript foreach

const avengers = ['thor', 'captain america', 'hulk'];
avengers.forEach((item, index)=>{
	console.log(index, item)
})

Example 2: for each js

const fruits = ['mango', 'papaya', 'pineapple', 'apple'];

// Iterate over fruits below

// Normal way
fruits.forEach(function(fruit){
  console.log('I want to eat a ' + fruit)
});

Example 3: js for each item do

let array = ['Item 1', 'Item 2', 'Item 3'];

array.forEach(item => {
	console.log(item); // Logs each 'Item #'
});

Example 4: javascript .foreach

let colors = ['red', 'blue', 'green'];
// idx and sourceArr optional; sourceArr == colors
colors.forEach(function(color, idx, sourceArr) {
	console.log(color, idx, sourceArr)
});
// Output:
// red 0 ['red', 'blue', 'green']
// blue 1 ['red', 'blue', 'green']
// green 2 ['red', 'blue', 'green']

Example 5: what is foreach method in javascript

var arr = [1, 2, 3, 4, 5, 6];

//var sum = 0;
arr.forEach(function (value, index, array){  // Built in method
    //sum += value;
    console.log(value, index, array);
})

//console.log(sum);  // We can print sum of all Array element (if those are numbers)

// function forEach(arr, cb){  // How forEach() method works
//     for (var i = 0; i<arr.length; i++){
//         cb(arr[i], i, arr);
//     }
// }
// var sum = 0;
// forEach(arr, function (value, index, arr){
//     console.log(value, index, arr);
//     sum += value;
// })
// console.log(sum);

Example 6: foreach js

// result.params.detail = {
// "status": true,
// "message": "",
// "params": {
//     "pay_credit_remain": 115,
//     "month_expiry": "15",
//     "detail": [
//         {
//             "credit": "70",
//             "create_date": "2020-10-16",
//             "expiry_date": "2022-01-16"
//         },
//         {
//             "credit": "45",
//             "create_date": "2020-10-17",
//             "expiry_date": "2022-01-17"
//         }
//     ]
// }
//}

                 
detail = "<ul>";
result.params.detail.forEach((val) => {
  detail = detail + sprintf(lang.pay_credit_detail, val.credit, val.expiry_date);
});
detail += "</ul>";

$('#pay_credit_remain').html(detail);