如何使用js正则表达式验证文件夹名是否符合规范

 更新时间:2023年05月27日 09:28:56   作者:yaya小小狸  
众所周知正则表达式非常强大,下面这篇文章主要给大家介绍了关于如何使用js正则表达式验证文件夹名是否符合规范的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

背景:

git提交代码时需要验证新增的文件名称是否复合规范。具体规范如下:

全部采用小写方式, 以中划线分隔,用 kebab-case方式 (小写、短横线连接方式) 正例: scripts / styles / components / images / utils / layouts / demo-styles / demo-scripts / img / doc 反例: script / style / demo_scripts / demoStyles / imgs / docs 【特殊】VUE 的项目中的 components 中的组件目录使用PascalCase格式(与驼峰法相似,单词大写开头)

 因此需要验证普通文件名是否符合中划线命名法(kebab-case)以及vvue的component下的文件夹 大驼峰命名法(CamelCase)

中划线命名法(kebab-case):

思路:

1、排除文件名有空格

2、排除大写字母

3、连接方式为其他方式比如:—— _ . 等(反推:命名中只能有小写字母和-)

4、排除关键字:script style imgs docs等等

结论:

1、限定以小写字母开头,并且中间只包括小写字母和-,以小写字母结尾:/^[a-z]{1}[a-z-]+[a-z]$/。

2、排除关键字。

// 关键字
const KEYWORDS = ["script","style","imgs","docs","break","else","new","var","case","finally","return","void","catch","for","switch","while","continue","function","this","with","default","if","throw","delete","in","try","do","instranceof","typeof","abstract","enum","int","short","boolean","export","interface","static","byte","extends","long","super","char","final","native","synchronized","class","float","package","throws","const","goto","private ","transient","debugger","implements","protected ","volatile","double","import","public"]
 
// 正则:限定以小写字母开头,并且中间只包括小写字母和-,以小写字母结尾
let reg = /^[a-z]{1}[a-z-]*?[a-z]$/;
// /^[a-z]{1}[a-z-0-9]*?[a-z0-9]$/  (这个是限定以小写字母开头,中间小写or数字,结尾数字。两位数的情况下中间可以省略)
 
// 要判断的文件名
let fileName = `xxxxx`
 
if(KEYWORDS.indexOf(fileName) > -1){
// 文件名是关键字
}else if( reg.test(fileName) ){ // 判断:限定以小写字母开头,并且中间只包括小写字母和-,以小写字母结尾
// 符合要求
}else{
// 不符合要求
}

大驼峰命名法(CamelCase):

// 正则:限定以大写字母开头,并且中间只包括大写or小写字母,以小写字母结尾
let reg = /^[A-Z]{1}[a-zA-Z]*?[a-z]$/;
 
// 关键字
const KEYWORDS = ["script","style","imgs","docs","break","else","new","var","case","finally","return","void","catch","for","switch","while","continue","function","this","with","default","if","throw","delete","in","try","do","instranceof","typeof","abstract","enum","int","short","boolean","export","interface","static","byte","extends","long","super","char","final","native","synchronized","class","float","package","throws","const","goto","private ","transient","debugger","implements","protected ","volatile","double","import","public"]
 
// 大写首字母字母的关键字
let up_keywords = KEYWORDS.map(item=>{
    return item.charAt(0).toUpperCase() + item.slice(1); 
})
 
// 要判断的文件名
let fileName = `xxxxx`
 
if(up_keywords.indexOf(fileName) > -1){
    // 文件名是关键字
}else if( reg.test(fileName) ){ // 判断:限定以小写字母开头,并且中间只包括小写字母和-,以小写字母结尾
    // 符合要求
}else{
    // 不符合要求
}

小驼峰命名法(lowerCamelCase):

// 正则:限定以大写字母开头,并且中间只包括大写or小写字母,以小写字母结尾
let reg = /^[a-z]{1}[a-zA-Z]*?[a-z]$/;
// 关键字
const KEYWORDS = ["script","style","imgs","docs","break","else","new","var","case","finally","return","void","catch","for","switch","while","continue","function","this","with","default","if","throw","delete","in","try","do","instranceof","typeof","abstract","enum","int","short","boolean","export","interface","static","byte","extends","long","super","char","final","native","synchronized","class","float","package","throws","const","goto","private ","transient","debugger","implements","protected ","volatile","double","import","public"]
// 要判断的文件名
let fileName = `xxxxx`
if(KEYWORDS .indexOf(fileName) > -1){
// 文件名是关键字
}else if( reg.test(fileName) ){ // 判断:限定以小写字母开头,并且中间只包括小写字母和-,以小写字母结尾
// 符合要求
}else{
// 不符合要求
}

补充:js正则匹配获取文件名

//获取文件名,不带后缀
var file_name=file_path.replace(/(.*\/)*([^.]+).*/ig,"$2");

//获取文件后缀
1.var FileExt=file_path.replace(/.+\./,"");

2.var fileExtension = file_path.substring(file_path.lastIndexOf('.') + 1);

//截取文件后缀
var reg = /\.\w+$/;
var file_name = file_path.replace(reg,'');

总结

到此这篇关于如何使用js正则表达式验证文件夹名是否符合规范的文章就介绍到这了,更多相关js正则验证文件夹名符合规范内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • innerText innerHTML的用法以及注意事项 [推荐]

    innerText innerHTML的用法以及注意事项 [推荐]

    我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
    2009-05-05
  • js+h5 canvas实现图片验证码

    js+h5 canvas实现图片验证码

    这篇文章主要为大家详细介绍了js+h5 canvas实现图片验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • 微信小程序如何实现数据共享与方法共享详解

    微信小程序如何实现数据共享与方法共享详解

    这篇文章主要给大家介绍了关于微信小程序如何实现数据共享与方法共享的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-01-01
  • js canvas实现QQ拨打电话特效

    js canvas实现QQ拨打电话特效

    这篇文章主要为大家详细介绍了js canvas实现QQ拨打电话特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js控制网页背景音乐播放与停止的方法

    js控制网页背景音乐播放与停止的方法

    这篇文章主要介绍了js控制网页背景音乐播放与停止的方法,实例分析了javascript控制背景音乐的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 小程序实现侧滑删除功能

    小程序实现侧滑删除功能

    这篇文章主要为大家详细介绍了小程序实现侧滑删除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JS表单提交验证、input(type=number) 去三角 刷新验证码

    JS表单提交验证、input(type=number) 去三角 刷新验证码

    在进行表单提交时,需要对输入框和文本域等的value的合理性进行验证,可以编写form的onSubmit事件,下面给大家介绍js表单提交验证input(type=number) 去三角 刷新验证码注意事项,一起看看吧
    2017-06-06
  • js实现黑白div块画空心的图形

    js实现黑白div块画空心的图形

    这篇文章主要介绍了js实现黑白div块画空心的图形,画出矩形、三角形、菱形、圆形,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript模拟可展开、拖动与关闭的聊天窗口实例

    JavaScript模拟可展开、拖动与关闭的聊天窗口实例

    这篇文章主要介绍了JavaScript模拟可展开、拖动与关闭的聊天窗口,实例分析了javascript实现可拖动的div层相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • javascript深入理解js闭包

    javascript深入理解js闭包

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
    2010-07-07

最新评论