ການກົດລະບຽບ Map JavaScript

new Map() ວິທີການ

ການສົ່ງສັນຍາວັດທະນາການໃຫ້ new Map() ວິທີການກຳລັງສ້າງ Map:

实例

// ສ້າງ Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.get()

ສາມາດໃຊ້ get() ວິທີການກຳລັງຊອກຄູ່ມູນຈາກ Map:

实例

fruits.get("apples");

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.set()

ສາມາດໃຊ້ set() ວິທີການກຳລັງເພີ່ມສິ່ງຈາກ Map:

实例

// ສ້າງ Map
const fruits = new Map();
// ດັດແປງຄູ່ມູນ Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

set() ວິທີການກຳລັງດັດແປງຄູ່ມູນ Map:

实例

fruits.set("apples", 500);

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.size

size ປະສົງຈຳນວນສິ່ງຈາກ Map:

实例

fruits.size;

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.delete()

delete() ວິທີການກຳລັງລຶບສິ່ງຈາກ Map:

实例

fruits.delete("apples");

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.clear()

clear() ວິທີການກຳລັງລຶບທຸກສິ່ງຈາກ Map:

实例

fruits.clear();

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.has()

ຖ້າມີພີມໃນ Map:has() ວິທີການກຳລັງບັນທຶກ true:

实例

fruits.has("apples");

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

ນັດວິທີການດັ່ງກ່າວ:

fruits.delete("apples");
fruits.has("apples");

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.forEach()

forEach() ວິທີການໃຫ້ການໂດດດີກັບການປະຕິບັດສັນຍາສະບັບທຸກພີມບັນດາຄູ່ມູນຂອງ Map:

实例

// ລະບຸທຸກຂໍ້ມູນ
let text = "";
fruits.forEach(function(value, key) {
  text += key + ' = ' + value;
});

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.entries()

entries() ວິທີການກຳລັງບັນທຶກ [key, value] ເຄື່ອງໝາຍທີ່ມາຈາກ:

实例

// ລະບຸທຸກຂໍ້ມູນ
let text = "";
for (const x of fruits.entries()) {
  text += x;
}

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.keys()

keys() ວິທີການກຳລັງບັນທຶກເຄື່ອງໝາຍທີ່ມາຈາກ Map:

实例

// ລະບຸທຸກພີມ
let text = "";
for (const x of fruits.keys()) {
  text += x;
}

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

Map.values()}

values() ວິທີການຈະຂອບຂອງຄູ່ຂອງ Map ເປັນໂອອາງເຄື່ອງມືທີ່ມີຄູ່ຂອງວັດຖຸ:

实例

// ບັນທຶກວັດຖຸທັງໝົດ
let text = "";
for (const x of fruits.values()) {
  text += x;
}

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

ສາມາດໃຊ້ values() ວິທີການຈະຄວາມສົມບູນຂອງຄູ່ຂອງ Map:

实例

// ຄວາມສົມບູນຂອງຄູ່ຂອງວັດຖຸທັງໝົດ
let total = 0;
for (const x of fruits.values()) {
  total += x;
}

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

ອົງກອນພິກັນ

ຄຳແນະນຳ:ຄວາມສາມາດໃຊ້ອົງກອນເປັນພິກັນແມ່ນເປັນປະສິດຕິພາບຂອງ Map.

实例

// ສ້າງອົງກອນ
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// ສ້າງ Map
const fruits = new Map();
// ສ້າງຫຼັກສູບໃໝ່ໃນ Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

ເຂົ້າໃຈ:ຄຳກ່າວແມ່ນອົງກອນ (apples) ແຕ່ບໍ່ແມ່ນຄຳຕອບ ("apples"):

实例

fruits.get("apples"); // ບໍ່ມີຄວາມພິຈາລະນາ

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

JavaScript Map.groupBy()

ES2024 ໄດ້ເພີ່ມ Map.groupBy() ວິທີການ.

Map.groupBy() ວິທີການຈະຈັດບັນນາທິດສິ່ງຂອງໂອອາງມາຈາກຄຳຕອບສະໜອງຄຳຕອບສະໜອງຈາກຫຼັກສູບ.

Map.groupBy() ວິທີການຈະບໍ່ປ່ຽນແປງໂອອາງປະຈຳເປັນອາກາດດັ່ງທີ່ເປັນຕົ້ນຕໍາແໜ່ງ.

实例

// ສ້າງສາຍວັດຖຸ
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// ປະກອບຫຼັກສູບຈັດບັນນາທິດ
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// ບັນຈຸການຈັດບັນນາທິດ
const result = Map.groupBy(fruits, myCallback);

ທໍາພາດຂອງທ່ານຕາມທີ່ຕ້ອງການທົດລອງ.

ການສະໜອງສາຍບັນຍາຍ

Map.groupBy() ແມ່ນຄວາມສຳຄັນຂອງ ES2024.

ຕັ້ງແຕ່ທີ່ປີ 2024 ການສະໜອງຄວາມສາມາດຂອງສາຍບັນຍາຍໃໝ່ຈະມີການສະໜອງ:

ຄວາມແຕກຕ່າງລະຫວ່າງ Object.groupBy() ແລະ Map.groupBy()

Object.groupBy() ແລະ Map.groupBy() ຄວາມແຕກຕ່າງແມ່ນ:

Object.groupBy() ຈະຈັດສັນຍານວັດຖຸໄປໃນອົງວັດຖຸ JavaScript.

Map.groupBy() ຈະຈັດສັນຍານວັດຖຸໄປໃນອົງວັດຖຸ Map.

ປື້ມການປົກຄອງ Map ທັງໝົດ

ສຳລັບການບັນທຶກທັງໝົດອາດທົດລອງທີ່ພວກເຮົາ:ປື້ມການປົກຄອງ JavaScript Map.

ປື້ມນີ້ບັນຈຸທຸກພາສາຂອງ Map ຂໍ້ມູນ ແລະ ຄວາມຈຳນວນ.