入门前端-《JavaScript 语言入门教程-Map和Set》

我会带着你远行 2022-08-30 12:56 127阅读 0赞

### 这里写目录标题 ###

*  Map
 *  Set
 *  实例
 *   *  过滤数组中唯一的元素
     *  过滤字谜
     *  迭代键

# Map #

![在这里插入图片描述][7ebeec549be9e374d70c24d1a6229d8c.png]

# Set #

![在这里插入图片描述][37b2dea771725bec2c34dd5ed97bf2cc.png]

# 实例 #

## 过滤数组中唯一的元素 ##

function unique(arr) { 
      return Array.from(new Set(arr));
    }
    
    let values = ["Hare", "Krishna", "Hare", "Krishna",
      "Krishna", "Krishna", "Hare", "Hare", ":-O"
    ];
    
    alert( unique(values) ); // Hare, Krishna, :-O

## 过滤字谜 ##

Anagrams 是具有相同数量相同字母但是顺序不同的单词。

例如：

nap - pan
    ear - are - era
    cheaters - hectares - teachers

写一个函数 `aclean(arr)`，它返回被清除了字谜（`anagrams`）的数组。

例如：

let arr = ["nap", "teachers", "cheaters", "PAN", "ear", "era", "hectares"];
    
    alert( aclean(arr) ); // "nap,teachers,ear" or "PAN,cheaters,era"

对于所有的字谜（anagram）组，都应该保留其中一个词，但保留的具体是哪一个并不重要。

思路：

> 使用 `split` 将单词拆分为字母，对字母排序之后再`json`拼接成新的按字母排序后的词，然后放入`map`中返回,`map`的键是排序后的词，值是原本的词。

function aclean(arr) { 
      let map = new Map();
    
      for (let word of arr) { 
        // 将单词 split 成字母，对字母进行排序，之后再 join 回来
        let sorted = word.toLowerCase().split('').sort().join(''); // (*)
        map.set(sorted, word);
      }
    
      return Array.from(map.values());
    }
    
    let arr = ["nap", "teachers", "cheaters", "PAN", "ear", "era", "hectares"];
    
    alert( aclean(arr) );

## 迭代键 ##

我们期望使用 map.keys() 得到一个数组，然后使用特定的方法例如 .push 等，对其进行处理。

但是运行不了：

let map = new Map();
    
    map.set("name", "John");
    
    let keys = map.keys();
    // let keys = Array.from(map.keys());
    
    // Error: keys.push is not a function
    keys.push("more");

因为 `map.keys`返回的是可迭代对象而非数组  
可通过 `Array.from(arr)`转为数组后可使用数组的方法。

end

[7ebeec549be9e374d70c24d1a6229d8c.png]: /images/20220829/4329f5808eca44729f87f5241721a319.png
[37b2dea771725bec2c34dd5ed97bf2cc.png]: /images/20220829/19fba3cfd991489dbeb6774a3d518f0f.png