如何使用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正则验证文件夹名符合规范内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • [JS]实现动态增加框架!未完成

    [JS]实现动态增加框架!未完成

    [JS]实现动态增加框架!未完成...
    2007-03-03
  • js实现表格的隔行变色和上下移动

    js实现表格的隔行变色和上下移动

    这篇文章主要为大家详细介绍了js实现表格的隔行变色和上下移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • 基于JavaScript创建动态Dom

    基于JavaScript创建动态Dom

    这篇文章主要介绍了基于JavaScript创建动态Dom的相关资料,需要的朋友可以参考下
    2015-12-12
  • SVG描边动画

    SVG描边动画

    本文主要介绍了SVG描边动画的相关实例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript输入框字数实时统计更新

    JavaScript输入框字数实时统计更新

    这篇文章主要介绍了JavaScript输入框字数实时统计更新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JS判断移动端访问设备并加载对应CSS样式

    JS判断移动端访问设备并加载对应CSS样式

    JS判断不同web访问环境,主要针对移动设备,提供相对应的解析方案,本例是加载不同的css样式
    2014-06-06
  • 详解javascript实现瀑布流列式布局

    详解javascript实现瀑布流列式布局

    这篇文章主要介绍了javascript实现瀑布流的两种布局方式,一是绝对式布局、二是列式布局,详细介绍了这两种布局方式的原理,本文重点介绍列式布局,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 基于javascript代码实现通过点击图片显示原图片

    基于javascript代码实现通过点击图片显示原图片

    这篇文章主要介绍了基于javascript代码实现通过点击图片显示原图片的相关资料,需要的朋友可以参考下
    2015-11-11
  • 利用原生JavaScript实现造日历轮子实例代码

    利用原生JavaScript实现造日历轮子实例代码

    这篇文章主要给大家介绍了关于如何利用原生JavaScript实现造日历轮子的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • TypeScript面向对象超详细分析

    TypeScript面向对象超详细分析

    面向对象——想进行执行某个事件,就去找事件对应的对象,把事情落实到对象身上,在程序中一切皆是对象,对象包含属性和方法,面向对象三大特征:封装、继承、多态
    2022-10-10

最新评论