JAVASCRIPT

how to map through array of iterators

let qty = 10;
let numToArray = [...Array.from(Array(qty)).keys()];
//  (10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
numToArray.map(x =>{
console.log(x)
})

loop through map in js

const object = {'a': 1, 'b': 2, 'c' : 3};
for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

javascript Iterate Through a Map

let map1 = new Map();
map1.set('name', 'Jack');
map1.set('age', '27');

// looping through Map
for (let [key, value] of map1) {
    console.log(key + '- ' + value);
}

Iterate over map in javascript

let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
for (let [key, value] of map.entries()) {
    console.log(key + ' - ' + value)
}

use map to loop through an array

let squares = [1,2,3,4].map(function (val) {  
    return val * val;  
}); 
// squares will be equal to [1, 4, 9, 16] 

how to loop through a map in js

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

for (const [key, value] of Object.entries(myMap)) {
  console.log(key, value);
}

Javascript using .map() loop to loop through an array

// Durations are in minutes 
const tasks = [
  {
    'name'     : 'Write for Envato Tuts+',
    'duration' : 120
  },
  {
    'name'     : 'Work out',
    'duration' : 60
  },
  {
    'name'     : 'Procrastinate on Duolingo',
    'duration' : 240
  }
];
const task_names = tasks.map(function (task, index, array) {
    return task.name; 
});

console.log(task_names) // [ 'Write for Envato Tuts+', 'Work out', 'Procrastinate on Duolingo' ]

map looping

showDetails(cards, id){
  cards.map(function(card, index){
    if(card.id==id){
      console.log(card);
      return card;
    }
  })
}

javascript loop through array using .map

const loadAll = async function (imgArr) {
  try {
    let singleImage = imgArrItem => createImage(imgArrItem);
    // creates 3 promises
    const imgs = imgArr.map(singleImage);
    console.log(imgs);
  } catch (error) {
    console.log('Images not loaded');
  }
};
loadAll(['img/img-1.jpg', 'img/img-2.jpg', 'img/img-3.jpg']);