JS leetcode 最长公共前缀 题解分析

壹 ❀ 引

今天做的又是一道让我沮丧的题，思路有，但是代码逻辑最后还是没能正确理出来，题名为最长公共前缀，题目如下：

编写一个函数来查找字符串数组中的最长公共前缀。

如果不存在公共前缀，返回空字符串 ""。

示例 1:

输入: ["flower","flow","flight"]
输出: "fl"

示例 2:

输入: ["dog","racecar","car"]
输出: ""

解释: 输入不存在公共前缀。

说明:

所有输入只包含小写字母 a-z 。

还是记录下我的思路，虽然没能成功做出来，但是思路很重要！

贰 ❀ 我的解题思路

题目示例其实说的很清楚了，给定一个包含多个字符串的数组，找出这些字符公共前缀，注意是前缀，也就是说从第一位字符开始就要相同才符合条件。

我的思路是这样，首先将数组元素按字符长度由短到长排列（事实证明这步多此一举）。

strs.sort((a,b)=>{return a.length-b.length});

经过排序，比如示例1就会变成["flow","flower","flight"]，为什么说多此一举，事实上完全会存在字符长度一样的情况，比如flower与flight就一样，排序的意义不大。

其实我是想让最短的在前面，作为比较的参照元素，这样for循环比较的时候 i 可以从1开始。

每次遍历我都会让strs[0]作为正则匹配标准，如果有不满足的，就让strs[0]的字符长度逐渐减少，一直比较完，通过这个来决定是返回 '' 或者是我们前面定义好的满足条件的正则字符。

// 大概的意思
var len = strs[0].length;
for (var i = 1; i < strs.length; i++) {
	var regexp = new Regexp(strs[0].substr(0,len));
    if(strs[1].test(regexp)){
        // 巴拉巴拉...
    };
    len -- ;
};

当然上述程序只是大概表示了我的意思，因为最后我在处理字符比较这块，怎么都没理出来，还是没能成功做出来！！！苍天啊！！！

所以我还是选择看看答案，比较幸运的是，用户大佬rhinoc给出的三种解决方案中，第三个实现与我思路类似，我先贴代码：

/**
 * @param {string[]} strs
 * @return {string}
 */
var longestCommonPrefix = function (strs) {
    // 判断空数组情况，并直接将第一位元素作为参照物
    var re = strs[0] ? strs[0] : '';
    // 注意，这里遍历是从1开始，因为第一位被我们拿来当参照物了
    for (var i = 1; i < strs.length; i++) {
        // 注意这里的正则加了^，表示从字符开始位置开始匹配
        var regex = new RegExp('^' + re);
        // 比较其它字符看是否符合，若不符合让正则条件的字符递减
        while (!regex.test(strs[i]) && re.length) {
            // 这里控制了字符递减
            re = re.slice(0, re.length - 1);
            // 递减后重新声明正则
            regex = new RegExp('^' + re);
        };
    };
    return re;
};

看了大佬的实现，瞬间有种自己的美好梦想被别人代替实现了的错觉....代码上我简单加了注释，思路确实与我相同，但是我对于代码的把控真的太差了。

首先，数组按字符长度排序没必要，这点前面解释了。其次，我本意让第0位作为正则匹配条件，但是我的实现为new Regexp(strs[0].substr(0,len))，并没有加**脱字符^**。表示一定要从字符起始位置开始匹配，不太明白这个符号的同学有兴趣可以阅读博主JS 正则表达式^$详解这篇文章。

那么如果不加，就算我实现了，会挂在['ll', 'hello']这样的例子上，因为没限制必须是起始位置，正则会认定hello也包含了ll。

我在实现上，没把控好的点就是怎么让正则test不符合条件时继续比较，以及如何控制strs[0]字符长度的递减（毕竟总不能一直递减），想了半天，看了他人实现，一句!regex.test(strs[i]) && re.length让我瞬间清醒....

这里简单复习下slice方法，slice(start,stop)中的start与stop均为索引，比如:

[1,2,3].slice(1);// [2,3]
[1,2,3].slice(0,1)// [1]

slice方法与上篇博客提到的substring方法有点像，都是含头不含尾，即匹配结果的长度为stop-start，包含start但不包含stop。

OK，一些小细节解释清楚了，我们来说说这段循环嵌套究竟做了什么。还是["flower","flow","flight"]为例：

一开始，正则条件为flower，与flow比较，由于test为false，所以flower递减，此时正则条件变为flowe。

flowe与flow再次比较，结果还是不通过，再次递减正则条件变成flow。

终于flow与flow相同，由于不再满足while循环条件，跳出循环，此时外层for循环的i自增。

于是正则条件flow接着与flight比较，由于不满足，继续递减，变成flo，同理不满足再递减，最后变成了fl满足了条件，while再次跳出循环，for也因为循环完毕，最后的re被递减成了fl，被成功返回。

而再以例子["dog","racecar","car"]来看，dog与racecar的比较过程中，由于始终不满足条件，re字段最终会被slice成 ''，所以这点确实很巧妙。

从一开始取出第1位字符作为参照条件，后面始终维护它，要么递减过程中满足了条件，要么递减成 '' ，最后将它作为最终结果返回。这样的思路确实比较清晰太多太多了！

那么关于本题就说到这里了。