Set是一種類似于數(shù)組的數(shù)據(jù)結(jié)構(gòu)，但是它的值是唯一的，即Set中的每個(gè)值只會(huì)出現(xiàn)一次。Set對(duì)象的實(shí)例可以用于存儲(chǔ)任何類型的唯一值，從而使它們非常適用于去重。

Map是一種鍵值對(duì)集合，其中每個(gè)鍵都是唯一的，可以是任何類型，而值則可以是任何類型。Map對(duì)象的實(shí)例可以用于存儲(chǔ)復(fù)雜的對(duì)象，并且可以根據(jù)鍵進(jìn)行快速的查找和訪問。

以下是Set和Map的一些常用方法：

Set:

• new Set(): 創(chuàng)建一個(gè)新的Set對(duì)象
• add(value): 向Set對(duì)象中添加一個(gè)新的值
• delete(value): 從Set對(duì)象中刪除一個(gè)值
• has(value): 檢查Set對(duì)象中是否存在指定的值
• size: 獲取Set對(duì)象中的值的數(shù)量
• clear(): 從Set對(duì)象中刪除所有值

Map:

• new Map(): 創(chuàng)建一個(gè)新的Map對(duì)象
• set(key, value): 向Map對(duì)象中添加一個(gè)鍵值對(duì)
• get(key): 根據(jù)鍵獲取Map對(duì)象中的值
• delete(key): 從Map對(duì)象中刪除一個(gè)鍵值對(duì)
• has(key): 檢查Map對(duì)象中是否存在指定的鍵
• size: 獲取Map對(duì)象中的鍵值對(duì)數(shù)量
• clear(): 從Map對(duì)象中刪除所有鍵值對(duì)

Set和Map是非常有用的數(shù)據(jù)結(jié)構(gòu)，它們可以提高程序的性能和可讀性，并且可以簡化代碼的編寫。

Set

去重

使用 Set 可以輕松地進(jìn)行數(shù)組去重操作，因?yàn)?Set 只能存儲(chǔ)唯一的值。

const arr = [1, 2, 3, 1, 2, 4, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

const arr = [1, 2, 3, 1, 2, 4, 5];
const set = new Set(arr);
const uniqueArr = Array.from(set);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

const dataSet = new Set([1, 2, 3, 4, 5]);

if (dataSet.has(3)) {
  console.log('數(shù)據(jù)已經(jīng)存在');
} else {
  console.log('數(shù)據(jù)不存在');
}

const setA = new Set([1, 2, 3]);
const setB = new Set([2, 3, 4]);

// 并集
const union = new Set([...setA, ...setB]);
console.log(union); // Set {1, 2, 3, 4}

// 交集
const intersection = new Set([...setA].filter(x => setB.has(x)));
console.log(intersection); // Set {2, 3}

// 差集
const difference = new Set([...setA].filter(x => !setB.has(x)));
console.log(difference); // Set {1}

const data = ['apple', 'banana', 'pear', 'orange'];

// 搜索以 "a" 開頭的水果
const result = Array.from(new Set(data.filter(item => /^a/i.test(item))));
console.log(result); // ["apple"]

// 使用 Set 實(shí)現(xiàn)隊(duì)列
const queue = new Set();
queue.add(1);
queue.add(2);
queue.add(3);
queue.delete(queue.values().next().value); // 刪除第一個(gè)元素
console.log(queue); // Set(2) { 2, 3 }

// 使用 Set 實(shí)現(xiàn)棧
const stack = new Set();
stack.add(1);
stack.add(2);
stack.add(3);
stack.delete([...stack][stack.size - 1]); // 刪除最后一個(gè)元素
console.log(stack); // Set(2) { 1, 2 }

const map = new Map().set('key1', 'value1').set('key2', 'value2');
const obj = Object.fromEntries(map);

const map = new Map().set('key1', 'value1').set('key2', 'value2');
const array = Array.from(map);

const map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);
map.set('d', 4);

for (const [key, value] of map) {
  console.log(key, value);
}
// Output: a 1, b 2, c 3, d 4

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

const countMap = new Map();
arr.forEach(item => {
  countMap.set(item, (countMap.get(item) || 0) + 1);
});

console.log(countMap.get(1)); // 2
console.log(countMap.get(2)); // 2
console.log(countMap.get(3)); // 1

const str = 'hello world';
const charCountMap = new Map();
for (let char of str) {
  charCountMap.set(char, (charCountMap.get(char) || 0) + 1);
}
console.log(charCountMap); // Map { 'h' => 1, 'e' => 1, 'l' => 3, 'o' => 2, ' ' => 1, 'w' => 1, 'r' => 1, 'd' => 1 }

const cache = new Map();
function fibonacci(n) {
  if (n === 0 || n === 1) {
    return n;
  }
  if (cache.has(n)) {
    return cache.get(n);
  }
  const result = fibonacci(n - 1) + fibonacci(n - 2);
  cache.set(n, result);
  return result;
}
console.log(fibonacci(10)); // 55

const students = [
  { name: "Tom", grade: "A" },
  { name: "Jerry", grade: "B" },
  { name: "Kate", grade: "A" },
  { name: "Mike", grade: "C" },
];

const gradeMap = new Map();
students.forEach((student) => {
  const grade = student.grade;
  if (!gradeMap.has(grade)) {
    gradeMap.set(grade, [student]);
  } else {
    gradeMap.get(grade).push(student);
  }
});

console.log(gradeMap.get("A")); // [{ name: "Tom", grade: "A" }, { name: "Kate", grade: "A" }]

const users = [
  { name: 'Alice', age: 22 },
  { name: 'Bob', age: 18 },
  { name: 'Charlie', age: 25 }
];
const userMap = new Map(users.map(user => [user.name, user]));
const result = users.filter(user => userMap.has(user.name) && user.age > 20);
console.log(result); // [{ name: 'Alice', age: 22 }, { name: 'Charlie', age: 25 }]

首先，我們將對(duì)象數(shù)組轉(zhuǎn)換為 Map，以便快速查找。然后，我們使用 filter 方法來過濾符合條件的對(duì)象。

這里我們列舉了一些使用Set和Map的實(shí)用技巧，它們可以大大簡化你的代碼，并使你更有效地處理數(shù)據(jù)。Set和Map是JavaScript中非常有用的數(shù)據(jù)結(jié)構(gòu)，值得我們?cè)诰帉懘a時(shí)好好利用。

本文轉(zhuǎn)載于:

https://juejin.cn/post/7225425984312328252

如果對(duì)您有所幫助，歡迎您點(diǎn)個(gè)關(guān)注，我會(huì)定時(shí)更新技術(shù)文檔，大家一起討論學(xué)習(xí)，一起進(jìn)步。

?文章來源地址http://www.zghlxwxcb.cn/news/detail-445864.html