神刀安全网

[译]如何更有效的获取文件扩展名

问:如何获取文件扩展名?

var file1 = "50.xsl"; var file2 = "30.doc"; getFileExtension(file1); //xsl getFileExtension(file2); //doc  function getFileExtension(filename) {   /*TODO*/ }

方案一:正则表达式

function getFileExtension1(filename) {     return (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename)[0] : undefined; }

方案二:使用 Stringsplit 方法

function getFileExtension2(filename) {     return filename.split('.').pop(); }

上述两种方案无法覆盖一些极端情况,下面这个更健壮

方案三:使用 StringslicelastIndexOf 方法

function getFileExtension3(filename) {     return filename.slice((filename.lastIndexOf('.') - 1 >>> 0) + 2); }  console.log(getFileExtension3(''));                            // '' console.log(getFileExtension3('filename'));                    // '' console.log(getFileExtension3('filename.txt'));                // 'txt'    console.log(getFileExtension3('.hiddenfile'));                 // '' console.log(getFileExtension3('filename.with.many.dots.ext')); // 'ext'

这货怎么工作的?

  • String.lastIndexOf 返回指定值的最后出现位置(本例里是: . )。如果返回 -1 ,表示没找到该指定值

  • 当参数是 filename.hiddenfile 时, lastIndexOf 的返回值分别是 -10 。然后 无符号移位操作符-2 转成了 4294967294-1 转成了 4294967295 ,这个小技巧保证了极端状况下文件名也不会变

  • 然后 String.prototype.slice 就以上面的计算结果作为起始下标从原始字符串中提取出了正确的文件扩展名。如果上一步骤计算出的起始下标大于原始字符串长度,则返回 ''

比较

方案 参数 结果
正则表达式 undefined
‘filename’ undefined
‘filename.txt’ ‘txt’
‘.hiddenfile’ ‘hiddenfile’
‘filename.with.many.dots.ext’ ‘ext’
Stringsplit
‘filename’ ‘filename’
‘filename.txt’ ‘txt’
‘.hiddenfile’ ‘hiddenfile’
‘filename.with.many.dots.ext’ ‘ext’
StringslicelastIndexOf
‘filename’
‘filename.txt’ ‘txt’
‘.hiddenfile’
‘filename.with.many.dots.ext’ ‘ext’

在线演示和性能

上述代码的 线上实例

上述三个方案的 性能测试

源码

JavaScript里如果获取文件扩展名

原文地址: How to get the file extension more efficiently

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » [译]如何更有效的获取文件扩展名

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址