map() створює новий масив шляхом виклику функції для кожного елемента масиву. Він не виконує функцію для порожніх елементів і не змінює вихідний масив. JavaScript Map — це набір пар ключ-значення, що забезпечує ефективний пошук даних і маніпуляції.

Під час ітерації об’єкт карти повертає ключ і пару значень у тому ж порядку, що й вставлено. Конструктор Map(). використовується для створення карти в JavaScript.

JavaScript Карта має властивість, яка представляє розмір карти.

оформлення замовлення за допомогою git

приклад:

  Input:  let map1 = new Map([  [1 , 10], [2 , 20] ,  [3, 30],[4, 40]  ]);   console.log('Map1: '); console.log(map1);   Output:  // Map1:  // Map(4) { 1 =>10, 2 => 20, 3 => 30, 4 => 40 }>

Кроки для створення карти

• Передача масиву вnew Map()>
• Створіть карту та використовуйтеMap.set()>

Приклади JavaScript Map

нова карта()

У цьому ми використовуємоnew Map()>конструктор,

приклад: У цьому прикладі карта з назвоюprices>створено для пов’язування назв продуктів із відповідними цінами, що дозволяє ефективно отримувати інформацію про ціни та керувати нею.

// Creating a Map for product prices const prices = new Map([   ['Laptop', 1000],  ['Smartphone', 800],  ['Tablet', 400]  ]);>

Map.set()

Ви можете додавати елементи до карти за допомогоюset()>метод.

приклад: У цьому прикладі Map.set()> метод використовується для додавання цін на продукцію до названої картиprices>.

випадкове число в java

// Creating a Map for product prices  const prices = new Map();  // Using Map.set() to add product prices   prices.set('Laptop', 1000);   prices.set('Smartphone', 800);  // The Map now contains { 'Laptop' =>1000, 'Смартфон' => 800 }>

приклад 1: У цьому прикладі ми створимо базовий об’єкт карти

let map1 = new Map([  [1, 2],  [2, 3],  [4, 5] ]); console.log('Map1'); console.log(map1); let map2 = new Map([  ['firstname', 'sumit'],  ['lastname', 'ghosh'],  ['website', 'geeksforgeeks'] ]); console.log('Map2'); console.log(map2);>

Map1 Map(3) { 1 =>2, 2 => 3, 4 => 5 } Map2 Map(3) { 'firstname' => 'sumit', 'lastname' => 'ghosh', 'website' => 'geeksforgeeks' }>

приклад 2: Цей приклад додає елементи до карти за допомогою набір() метод.

let map1 = new Map(); map1.set('FirstName', 'Shobhit'); map1.set('LastName', 'Sharma'); map1.set('website', 'techcodeview.com'); console.log(map1);>

Map(3) { 'FirstName' =>'Shobhit', 'LastName' => 'Sharma', 'website' => 'techcodeview.com' }>

приклад 3: Цей приклад пояснює використання таких методів Map, як має() , отримати() , видалити() , і очистити() .

let map1 = new Map(); map1.set('first name', 'sumit'); map1.set('last name', 'ghosh'); map1.set('website', 'geeksforgeeks')  .set('friend 1','gourav')  .set('friend 2','sourav'); console.log(map1);   console.log('map1 has website ? '+   map1.has('website')); console.log('map1 has friend 3 ? ' +   map1.has('friend 3')); console.log('get value for key website '+  map1.get('website')); console.log('get value for key friend 3 '+  map1.get('friend 3')); console.log('delete element with key website '   + map1.delete('website'));   console.log('map1 has website ? '+   map1.has('website')); console.log('delete element with key website ' +  map1.delete('friend 3')); map1.clear(); console.log(map1);>

Map(5) { 'first name' =>'sumit', 'last name' => 'ghosh', 'website' => 'geeksforgeeks', 'friend 1' => 'gourav', 'friend 2' => 'sourav' } map1 має веб-сайт? справжня карта1 має друга 3? false get...>

Переваги карти:

Карта об'єкт надано ES6 . Ключ карти може з’явитися один раз і буде унікальним у колекції карти. Є невеликі переваги використання карти, а не об’єкта.

• Випадкові ключі та захист: Ключі за замовчуванням не зберігаються, містять лише те, що в них явно введено. Через це його безпечно використовувати.
• Ключові типи та порядок: Це може бути будь-яке значення як ключова функція, об’єкт будь-що. І порядок є прямим шляхом у порядку вставки запису.
• розмір: Завдяки властивості розміру карту можна легко отримати.
• Продуктивність: Будь-яка операція може бути виконана в математиці так легко і краще.
• Серіалізація та аналіз: Ми можемо створити власну підтримку серіалізації та синтаксичного аналізу Map, використовуючи JSON.stringify() і JSON.parse() методи.

Підтримувані браузери:

• Гугл хром
• Край
• Firefox
• Опера
• Сафарі