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

问：如何获取文件扩展名？

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

方案二：使用String的split方法

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

上述两种方案没法覆盖一些极端状况，下面这个更健壮

方案三：使用String的slice，lastIndexOf方法

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的返回值分别是-1和0。而后无符号移位操做符将-2转成了4294967294、-1转成了4294967295，这个小技巧保证了极端情况下取值也不会异常

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

比较

方案	参数	结果
正则表达式	''	undefined
	'filename'	undefined
	'filename.txt'	'txt'
	'.hiddenfile'	'hiddenfile'
	'filename.with.many.dots.ext'	'ext'
String的split	''	''
	'filename'	'filename'
	'filename.txt'	'txt'
	'.hiddenfile'	'hiddenfile'
	'filename.with.many.dots.ext'	'ext'
String的slice和lastIndexOf	''	''
	'filename'	''
	'filename.txt'	'txt'
	'.hiddenfile'	''
	'filename.with.many.dots.ext'	'ext'

在线演示和性能

上述代码的线上实例
上述三个方案的性能测试

源码

JavaScript里若是获取文件扩展名

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