js截取文件名不带后缀

利用正则表达式是匹配后缀名

一般文件后缀都为.xxx，也就是说从尾部匹配的话首先是字母，接着应该有一个.
那么我们就开始写正则表达式
利用在线工具 方便我们编写边测试
一般都是小写字母，所以我们用[a-z]，个数一个是1到无限{1,}，然后从尾部匹配开始$
所以我们从后面匹配一串字母的正则表达式长这样[a-z]{0,}

 

测试一下

我们还差一个.，所以我们再加上去
最终正则表达式是这样的.{1}[a-z]{1,}$，那个反斜杠是代表转义，我记得是这样的

 

成功匹配到了

那我们来实际测试一下

var pattern = /.{1}[a-z]{1,}$/,  // 用js的话用‘/’斜杠去标识正则表达式
    str = 'JSON必知必会.pdf';
console.log(pattern.test(str));  // true

我要实现的是一串带后缀的文件名，而我只要文件名不要后缀

我们上面的例子用的是test()方法，它返回值是布尔值。表示字符串是否匹配成功。
所以不适用我这个需求，我想肯定有其它方法。
我查到test()方法是RegExp 对象的，该对象还有exec()方法。
exec()方法返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
那我们把上面的例子的test()方法改为exec()方法

 

得到的是这个结果

那我们就可以知道，返回值这个数组[0]下标是匹配到的文本
index是匹配到的文本在匹配字符串里头的下标，反正就是上面那个小数点的位置
而我要拿的是“JSON必知必会”这个，知道下标那就可以用字符串截取slice()方法

最终代码实现

function splitFileName(text) {
    var pattern = /.{1}[a-z]{1,}$/;
    if (pattern.exec(text) !== null) {
        return (text.slice(0, pattern.exec(text).index));
    } else {
        return text;
    }
}

作者：鐘濤
链接：https://www.jianshu.com/p/aac2a4a826ec
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。