در جاوا اسکریپت همه چیز شئ‌ است . هر زمان که لازم باشد یک امکان جدید در اختیار شما شما قرار بدهد یک شئ استاندارد برای آن تعریف خواهد کرد. Map یک شئ‌ استاندارد جاوا اسکریپت است که به صورت کلید مقدار (همانند Object) اطلاعات را نگهداری می کند .

برای تعریف یک Map به یکی از دو روش زیر اقدام می کنیم:

let m1 = new Map([
  [0,'papillon'],
  [2,'free wild beest'],
  [3,'PELICAN'],
])

let m = new Map

m.set(1,'papillon')
m.set(2,'free wild beest')
m.set(3,'PELICAN')
/*Map(3) { 1 → "papillon", 2 → "free wild beest", 3 → "PELICAN" }*/

ویژگی های شاخص Map از قرار زیر است:

• قابل پیمایش است
• کلید ها در آن یکتا است. در صورت تکرار کلید در این نوع داده خطایی دریافت نخواهیم کرد و تنها مقدار بروز می شود.
• از پروتکل پیمایش یعنی Iterator Protocol پیروی می کند.
• با استفاده از for…of statement قابل پیمایش است (همچنین متد هایی برای پیمایش دارد)
• همچنین هم کلید و هم مقدار قابلیت استفاده از نوع داده های پیشرفته را دارند
• با همان ترتیبی که داده در آن وارد می شود با همان ترتیب در پیمایش قرار می گیرد.
• در زمان پیمایش item به صورت [key , value] بر می گردد.

شاخصه اصلی این نوع داده این است که بسیار نزدیک به Object است با این تفاوت که کلید در آن یکسان است و کلید ها قابلیت تعریف تکراری ندارند و همچنین کلید ها در آن می توانند از نوع داده های پیشرفته استفاده کنند.

let m = new Map

let keyString = 'a string'
let keyObject = {}
let keyFunction = function(){}

m.set(keyString,'value with string')
m.set(keyObject,'value with object key')
m.set(keyFunction,'value with function key')

console.log(m.size,m)

console.log(m.get(keyString))
console.log(m.get(keyObject))
console.log(m.get(keyFunction))

console.log(m.get('a string'))
console.log(m.get({})) //undefined, beacuse of keyObject !== {}
console.log(m.get(function (){})) //undefined beacuse of keyFunction !== function (){}

یکی از شاخصه های اصلی Map یکتایی در کلید آن است . این یکتایی معادل عبارت === می باشد. تنها استثنا برای این مورد NaN است . همان طور که می دانید در جاوا اسکریپت اشیا قابل مقایسه نیستند . پس می توان گفت که در مثال بالا مقادیر keyFunction !== function(){} و همچنین این مورد در رابطه با keyObject نیز صدق می کند.

Map Vs. Object

نوع داده Map برگرفته از نوع داده Object است و پیش از آن دقیقا از Object برای اهداف مشابه استفاده می کردیم . به صورت کلی می توان گفت که اشیا برای تبادل اطلاعات میان سرویس ها (به طور مثال Client , Server) است و Map در جریان برنامه استفاده می شود (این قابلیت که کلید ها از نوع داده های پیشرفته استفاده می کنند بسیار کاربردی است )

Map Property

Map Instance Method

Map Iteration

برای پیمایش یک نوع داده از Map می توان از for…in statement استفاده کرد. همچنین از متد های keys,values,entries,forEach هم می توان به صورت ترکیبی با سایر statement ها انجام داد.مثال زیر را در console اجرا کنید تا نتیجه هر یک از statement ها را تعیین کنید.

let m = new Map

m.set(1,'papillon')
m.set(2,'free wild beest')
m.set(3,'PELICAN')
console.log('_____________________________________')
for(let item of m){
  console.log(item)
}
console.log('______________keys___________________')

for(let key of m.keys()){
  console.log(key)
}
console.log('______________values__________________')
for(let value of m.values()){
  console.log(value)
}
console.log('_____________entries__________________')
for(let entry of m.entries()){
  console.log(entry)
}
console.log('______entries with destructuring_______')
for(let [key , value] of m.entries()){
  console.log(key,value)
}
console.log('______________forEach__________________')
m.forEach((item,index) => {
  console.log(item,index)
})

رابطه Map با آرایه ها

با استفاده از متد ایستا Array.from و همچنین Rest Operator می توان یک Map را به یک آرایه تبدیل کرد.

let arr = [
  [0,'papillon'],
  [1,'free wild beest'],
  [2,'pelikan'],
]

console.log('map constructor args---------------------')
let m = new Map(arr)
console.log(m.entries())

console.log('create array from map --------------------')
console.log(Array.from(m))
console.log([...m])
console.log(Array.from(m.keys()))
console.log(Array.from(m.values()))

Merge Maps

با استفاده از Rest Operator می توان دو یا بیشتر از Map را با هم ترکیب کرد.

let m1 = new Map([
  [0,'papillon'],
  [2,'free wild beest'],
  [3,'PELICAN'],
])

let m2 = new Map([
  [4,'success'],
  [5,'calm'],
  [6,'technique'],
])

let merged = new Map([...m1,...m2])
console.log(merged.entries())