js截取文件名不带后缀

JavaScript,前端 2017-09-14

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

一般文件后缀都为.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()方法

得到的是这个结果

那我们就可以知道,返回值这个数组[

最终代码实现

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;
    }
}

最终效果


本文由 阿涛 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论