JavaScript截取文件后缀名、路径存在多个点（.）、获取、路径、地址、url、substr、substring、lastIndexOf、split、pop、match

数据源

let str = 'http://10.2.210.108:7004/test.com.png'; 

substr

console.log(str.substr(str.lastIndexOf("."))); // .png console.log(str.substr(str.lastIndexOf(".") + 1)); // png 

提取字符串的一部分。 从指定位置开始，并返回指定数量的字符。 不会更改原始字符串。 如需从字符串末尾提取字符，请使用负数的起始位置。 substr方法指定的是子串的开始位置和长度，它是substring方法和slice方法的一种有用的替代方法，后两者指定的都是起始字符的位置。 尽管substr没有严格被废弃，但它被认作是遗留的函数并且可以的话应该避免使用。它并非JavaScript核心语言的一部分，未来将可能会被移除掉。如果可以的话，使用substring替代它。

substring

console.log(str.substring(str.lastIndexOf("."))); // .png console.log(str.substring(str.lastIndexOf(".") + 1)); // png 

substring方法从字符串中提取两个索引位置之间的字符，并返回子字符串。 substring方法从头到尾(不包括)提取字符。 substring方法不会更改原始字符串。 如果start大于end，则交换参数，(4, 1) = (1, 4)。 小于0的开始或结束值被视为0。

lastIndexOf

lastIndexOf方法返回字符串中指定值最后一次出现的索引(下标)。 lastIndexOf方法从尾到头搜索字符串。 lastIndexOf方法从开头(位置0)返回索引。 如果未找到该值，则lastIndexOf方法返回-1。 lastIndexOf方法区分大小写。

转数组

console.log('.' + str.split('.').pop()); // .png console.log(str.split('.').pop()); // png 

split方法将字符串拆分为子字符串数组。 split方法返回新数组，不会更改原始字符串。 如果(" ")用作分隔符，则字符串在单词之间进行拆分。

pop方法移除数组的最后一个元素，并返回该元素。 注释:pop方法会改变数组的长度。 提示: 如需删除数组的第一个元素，请使用shift方法。

正则

console.log(str.match(/.[^.]+$/)[0]); // .png console.log(str.match(/[^.]+$/)[0]); // png 

match方法将字符串与正则表达式进行匹配。 提示: 如果搜索值为字符串，则转换为正则表达式。 match方法返回包含匹配项的数组。 如果未找到匹配项，则match方法返回null。