JavaScript中的Map的使用 （滑动窗口使用Map）

传统对象写法

传统对象是键值对组合

let person = {
    'name': 'kang',
    'age': 18
}

Map()

ES6中的Map() 构造函数突破了对象的键值只能是字符串的限制

let person = new Map()
// 使用set
person.set('name', 'kk') // 创建普通键值对
person.set(1, '-') // 创建数值型键值对

Map()中常用的方法和属性

/* 
    Map构造函数使用的方法和属性
*/
// 1、get() 查询对应键的值
console.log(person.get('name')) // kk
// 2、size 查询键值对数量 属性
console.log(person.size) // 2
// 3、has() 查询是否有对应键值 布尔值
console.log(person.has('name')) // true
// 4、delete() 删除对应的键值对
person.delete('name')
console.log(person) // Map(1) { 1 => '-' }
// 5、clear() 清楚所有键值对
person.clear() 
console.log(person) // Map(0) {}

JS中Map() 的应用（最小覆盖子串）

76 最小覆盖子串题目链接

题目的意思其实就是：要在 S(source) 中找到包含 T(target) 中全部字母的一个子串，且这个子串一定是所有可能子串中最短的。

使用滑动窗口的思路进行求解
1、我们在字符串 S 中使用双指针中的左右指针技巧，初始化 left = right = 0，把索引左闭右开区间 [left, right) 称为一个「窗口」。

PS：理论上你可以设计两端都开或者两端都闭的区间，但设计为左闭右开区间是最方便处理的。因为这样初始化 left = right = 0 时区间 [0, 0) 中没有元素，但只要让 right 向右移动（扩大）一位，区间 [0, 1) 就包含一个元素 0 了。如果你设置为两端都开的区间，那么让 right 向右移动一位后开区间 (0, 1) 仍然没有元素；如果你设置为两端都闭的区间，那么初始区间 [0, 0] 就包含了一个元素。这两种情况都会给边界处理带来不必要的麻烦。

2、我们先不断地增加 right 指针扩大窗口 [left, right)，直到窗口中的字符串符合要求（包含了 T 中的所有字符）。
3、此时，我们停止增加 right，转而不断增加 left 指针缩小窗口 [left, right)，直到窗口中的字符串不再符合要求（不包含 T 中的所有字符了）。同时，每次增加 left，我们都要更新一轮结果。
4、重复第 2 和第 3 步，直到 right 到达字符串 S 的尽头。

这个思路其实也不难，第 2 步相当于在寻找一个「可行解」，然后第 3 步在优化这个「可行解」，最终找到最优解，也就是最短的覆盖子串。左右指针轮流前进，窗口大小增增减减，窗口不断向右滑动，这就是「滑动窗口」这个名字的来历。

画图进行简单理解：

• needs 和 window 相当于计数器，分别记录 T 中字符出现次数和「窗口」中的相应字符的出现次数。
• 初始状态
  
• 增加 right，直到窗口 [left, right) 包含了 T 中所有字符：
  
• 现在开始增加 left，缩小窗口 [left, right)：寻找最优解
  
• 直到窗口中的字符串不再符合要求，left 不再继续移动：
  
• 之后重复上述过程，先移动 right，再移动 left…… 直到 right 指针到达字符串 S 的末端，算法结束。
• 如果你能够理解上述过程，恭喜，你已经完全掌握了滑动窗口算法思想。现在我们来看看这个滑动窗口代码框架怎么用：

滑动窗口代码框架

• 初始化 window 和 need 两个哈希表，记录窗口中的字符和需要凑齐的字符：

unordered_map<char, int> need, window;
for (char c : t) need[c]++;

• 然后，使用 left 和 right 变量初始化窗口的两端，不要忘了，区间 [left, right) 是左闭右开的，所以初始情况下窗口没有包含任何元素：

int left = 0, right = 0;
int valid = 0; 
while (right < s.size()) {
    // 开始滑动
}

其中 valid 变量表示窗口中满足 need 条件的字符个数，如果 valid 和 need.size 的大小相同，则说明窗口已满足条件，已经完全覆盖了串 T。

了解了算法的思想以后，我们就需要套用模板 我们需要考虑以下几个问题

1、什么时候应该移动 right 扩大窗口？窗口加入字符时，应该更新哪些数据？
2、什么时候窗口应该暂停扩大，开始移动 left 缩小窗口？从窗口移出字符时，应该更新哪些数据？
3、我们要的结果应该在扩大窗口时还是缩小窗口时进行更新？

回答：
如果一个字符进入窗口，应该增加 window 计数器；如果一个字符将移出窗口的时候，应该减少 window 计数器；当 valid 满足 need 时应该收缩窗口；应该在收缩窗口的时候更新最终结果。

完整代码（java版本）

string minWindow(string s, string t) {
    unordered_map<char, int> need, window;
    for (char c : t) need[c]++;

    int left = 0, right = 0;
    int valid = 0;
    // 记录最小覆盖子串的起始索引及长度
    int start = 0, len = INT_MAX;
    while (right < s.size()) {
        // c 是将移入窗口的字符
        char c = s[right];
        // 扩大窗口
        right++;
        // 进行窗口内数据的一系列更新
        if (need.count(c)) {
            window[c]++;
            if (window[c] == need[c])
                valid++;
        }

        // 判断左侧窗口是否要收缩
        while (valid == need.size()) {
            // 在这里更新最小覆盖子串
            if (right - left < len) {
                start = left;
                len = right - left;
            }
            // d 是将移出窗口的字符
            char d = s[left];
            // 缩小窗口
            left++;
            // 进行窗口内数据的一系列更新
            if (need.count(d)) {
                if (window[d] == need[d])
                    valid--;
                window[d]--;
            }                    
        }
    }
    // 返回最小覆盖子串
    return len == INT_MAX ?
        "" : s.substr(start, len);
}

注意：

• 当我们发现某个字符在 window 的数量满足了 need 的需要，就要更新 valid，表示有一个字符已经满足要求。而且，你能发现，两次对窗口内数据的更新操作是完全对称的。
• 当 valid == need.size() 时，说明 T 中所有字符已经被覆盖，已经得到一个可行的覆盖子串，现在应该开始收缩窗口了，以便得到「最小覆盖子串」。
• 移动 left 收缩窗口时，窗口内的字符都是可行解，所以应该在收缩窗口的阶段进行最小覆盖子串的更新，以便从可行解中找到长度最短的最终结果。

使用JS的写法 - 此处就需要用到一开始讲到的 Map的相关方法

1、将一个字符串中，每个字符以及每个字符存在于字符串的个数保存于一个Map中

let str = 'hello'
let need = new Map()
for(let s of str) {
    need.set(s, need.has(s) ? need.get(s)+1 : 1)
}
console.log(need) // Map(4) { 'h' => 1, 'e' => 1, 'l' => 2, 'o' => 1 }

使用JavaScript进行书写操作

/**
 * @param {string} s
 * @param {string} t
 * @return {string}
 */
var minWindow = function(s, t) {
    let need = new Map()
    let window = new Map()
    for(let m of t) {
        need.set(m, need.has(m) ? need.get(m)+1 : 1)
    }
    // console.log(need)
    // 定义左右边界 及 有效个数
    let left = 0, right = 0
    let valid = 0
    // 记录最小覆盖子串的起始索引及长度
    let start = 0, len = Number.MAX_SAFE_INTEGER
    while(right < s.length) {
        // c是将移入窗口的字符
        let c = s[right]
        // 扩大窗口
        right++
        if(need.has(c)) {
            window.set(c, window.has(c) ? window.get(c)+1 : 1)
            if(window.get(c) == need.get(c)) valid += 1
        }
        // 判断左侧是否需要收缩
        while(valid == need.size) {
            // 更新最小覆盖子串
            if(right - left < len) {
                start = left
                len = right - left
            }
            // d是将移出窗口的字符
            let d = s[left]
            left += 1
            // 进行窗口内数据更新
            if(need.has(d)) {
                if(window.get(d) == need.get(d)) {
                    valid -= 1
                }
                window.set(d, window.get(d)-1)
                // window.get(d)--
            }
        }
    }
    // 返回最小回文子串
    return len == Number.MAX_SAFE_INTEGER ? "" : s.substr(start, len)
};

注意点

• Number.MAX_SAFE_INTEGER表示一个最大整数
• window.get(d)-- 并不会改变window中的值，我们需要通过set方法来改变Map内部的值

window.set(d, window.get(d)-1)

• return len == Number.MAX_SAFE_INTEGER ? “” : s.substr(start, len)
• 因为有可能，函数不会执行到第二个while循环 也是有可能的