Map method

How to use the map method in javascript

const numbers = [1, 2, 3, 4, 5]; 

const bigNumbers = numbers.map(number => {
  return number * 10;
});

Source: codecademy.com

Map()

The map() method creates a new array populated with the results of calling 
a provided function on every element in the calling array.

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

Source: developer.mozilla.org

Map in javascript

let myMap = new Map()

let keyString = 'a string'
let keyObj    = {}
// setting the values
myMap.set(keyString, "value associated with 'a string'")
myMap.set(keyObj, 'value associated with keyObj')
myMap.set(keyFunc, 'value associated with keyFunc')
myMap.size              // 3
// getting the values
myMap.get(keyString)    // "value associated with 'a string'"
myMap.get(keyObj)       // "value associated with keyObj"
myMap.get(keyFunc)      // "value associated with keyFunc"

Source: developer.mozilla.org

Functions in map javascript

const map = new Map();

function foo() {
 return "Hello World!"; 
}

map.set("foo", foo);

console.log(map.get("foo")()); // Output: "Hello World!

Map()

const myMap = new Map();
let userid = 1314124141;

myMap.set('veri_' + userid, 1) // set
myMap.set('veri_' + userid, myMap.get('veri_' + userid) + 1) // push

console.log(myMap.get('veri_' + userid)) // output: 3

Map method

function map(array, transform) {
  let mapped = [];
  for (let element of array) {
    mapped.push(transform(element));
  }
  return mapped;
}

let rtlScripts = SCRIPTS.filter(s => s.direction == "rtl");
console.log(map(rtlScripts, s => s.name));
// → ["Adlam", "Arabic", "Imperial Aramaic", …]

Source: eloquentjavascript.net

Similar codes

31 votes128 views6 answers
Overflow
CSS
0 vote119 views1 answer
Media query for mobile landscape only
CSS
1 vote121 views2 answers
Import google fonts into react
CSS
1 vote113 views1 answer
Import css in thymeleaf
CSS
3 votes111 views2 answers
Make triangle using div
CSS
0 vote122 views1 answer
How to change a checkbox to be selected
CSS
3 votes118 views2 answers
Css crop image to circle
CSS
0 vote119 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote114 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
1 vote122 views1 answer
Css change image saturation
CSS