零 题目：算法（leetode，附思维导图 + 全副解法）300题之（3）无反复字符的最长子串

一 题目形容

二 解法总览（思维导图）

三 全副解法

1 计划1

1)代码：

var lengthOfLongestSubstring = function(s) {
    // 判断以后 “子字符串” 的每个字符是否具备唯一性
    const checkSubStrCharUnique = (subStr) => {
        // 技巧：波及 “唯一性”、“数量” 通通优先思考 Hash（JS中的Map）数据结构
        let map = new Map(),
            l = subStr.length,
            flag = true;

        for (let i = 0; i < l; i++) {
            // 之前map 曾经存过该字符，则返回 false
            if (map.has(subStr[i])) {
                flag = false;
                break;
            } else {
                // set里的第二个参数无意义
                map.set(subStr[i], 1);
            }
        }

        return flag;
    }


    let resLength = 0,
        l = s.length;
    
    // 滑动窗口的长度范畴 [l, 1]。0的话返回后果必定是0（下面 resLength = 0已做解决）
    // curLength —— 本次循环的滑动窗口的长度
    for(let curLength = l; curLength >0; curLength--) {
        // start —— 本次循环的subStr开始下标
        for (let start=0; start<=l-curLength; start++) {
            // 本次循环的滑动窗口的长度 + subStr开始下标 --> subStr
            // 并判断 以后subStr 是否“非法”，是的话以后的 滑动窗口的长度curLength 就是咱们预期的答案！
            const subStr = s.substr(start, curLength);
            if (checkSubStrCharUnique(subStr)) {
                resLength = curLength;
                return resLength;
            }
        }
    }

    return resLength;
}

2 计划2

1)代码：

// 计划2 —— 优化版的“暴力滑动窗口”
var lengthOfLongestSubstring = function(s) {
    let i = 0,
        l = s.length,
        // 记录以后无反复字符子串
        curUniqueArr = [],
        // 以后最大的 以后无反复字符子串长度
        resLength = 0;
    
    while(i < l) {
        // 仍旧不反复，故需往 curUniqueArr 塞
        if(curUniqueArr.indexOf(s[i]) === -1) {
            curUniqueArr.push(s[i]);
            // 判断以后的 resLength 是否须要更新
            resLength = Math.max(resLength, curUniqueArr.length);
        } else {
            // 反复了，将 curUniqueArr 的第一个字符去掉
            // 而后 continue —— 判断是否还需持续将 curUniqueArr 的第一个字符去掉！
            // 例子：s = "pwwkew" （"pww" 须要去掉p、w）
            curUniqueArr.shift();
            continue;
        }
        i++;
    }

    return resLength;
};

3 计划3

1)代码：

// 计划3 —— 优化版的“暴力滑动窗口”。其实能够说是 计划2的优化版 ，
// 因为 i = map.get(s[j]); 代替了计划2里的 “将 curUniqueArr 的第一个字符抛弃直到 curUniqueArr 不再含有 s[i] 字符”
var lengthOfLongestSubstring = function(s) {
    let l = s.length,
        resLength = 0,
        // 波及“唯一性”、“数量”优先思考 Map这种数据类型
        map = new Map();

    // 注：i的取值可能产生“跃迁” —— i = map.get(s[j]);
    for(let i=0; i<l; i++){
        let j = i;
        map.clear();
        while(j < l){
            // 未反复，往 map 塞s[j]
            if(!map.has(s[j])){
                // 注：set的第二个值存的值 以后s[j] 的下标，有用！
                map.set(s[j], j);
            }else{
                // 反复了，更新 resLength 
                resLength = Math.max(resLength, map.size);
                // 须要跳到 与以后s[j]字符反复的 元素下标的下一个 —— +1，
                // 所以此时 i 置为 map.get(s[j]) —— +1 体现在for循环里的i++里了！
                i = map.get(s[j]);
                break;
            }
            j++;
        }
        // 有些状况会 “走到头”，千万别忘了这一条语句！！
        resLength = Math.max(resLength, map.size);
    }

    return resLength;
}

四 更多

1 刷题进度

1）LeetCode：307 / 2390 。

2）《剑指offer》：66 / 66 。

3）相干学习材料与笔记汇总： https://github.com/CYBYOB/algorithm-leetcode/tree/master/材料%26笔记 。

4）注：所有题目均有 2-5种 左右的解法，后续还将不断更新题目 & 题解。
敬请期待~
也欢送大家进群一起 学习、交换、刷题&拿高薪~

2 GitHub – LeetCode我的项目仓库

0）本我的项目地址： https://github.com/CYBYOB/algorithm-leetcode 。
指标、愿景：
让每个人都能领有肯定的算法能力、以应答面试中（会触类旁通的同学还能够将其融入本人的肌肉和血液，甚至可能赋能于公司的业务和技术）的算法。

1）我的项目的根目录下的 README.md 文件，
能够帮您疾速查阅每1道题的起源、难度、所有的题解计划等。

2）而每个题解（即 index.md 文件）中，
还将附带题目形容、所有的题解计划的思维导图（ .xmind 文件）、思路和技巧等。

3）每种题解计划都有具体的正文，
通过“数字步骤”将形象的算法逻辑、
清晰和有档次的展现于您的背后。
能够说是，
开箱即用~

4）所有的题解计划都是通过作者1人之手，
故代码格调及其对立。
一旦浏览达到一定量后，
后续将大大晋升您的浏览速度 —— “正所谓、质变引起量变”。

5）自己每周仍在一直的更新 —— 保障每周都有新的题目、题解计划刺激着您的神经 和 刷题欲望。
欢送对算法感兴趣的同学退出咱们的社群。
QQ群： 933919972 ；
作者QQ： 1520112971 ；
作者VX： c13227839870（可拉您进群、一起学习与交换~） 。

3 作者标签

1）“BAT里1名小小的伪全栈工程师，主攻前端，偶然写点后端”。

2）2019年的微信小程序利用开发赛 - 全国三等奖；
2019CODA较量 - 前 17/211 强 且 荣获“优良团队”名称 等。

3）“半自媒体人”，
在校期间、集体公众号（IT三少。新自媒体（公众号）号： 码农三少 ）
在半年内实现了0到5.8K+的粉丝增长等。