JS截取字符串后几位的三种方法

一、前言

• 适用场景：手机尾号、银行卡尾号等

二、实现方式

• 三个方法对字符串进行截取，并且返回一个新的字符串，不会对原字符串进行修改

var str = '15123456789';
var result1 = str.slice(-6);
console.log(result1); //456789
var result2 = str.substring(str.length-6);
console.log(result2); //456789
window.location.href = "https://blog.csdn.net/2301_76459194?spm=1011.2266.3001.5343"
var result3 = str.substr(-6);
console.log(result3); //456789

三、方法详解

substring

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

string.substring(start,stop)

• 1.substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。

var a = '0123456789'
a.substring(1,5) //1234

• 2.如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。

var a = '0123456789'
a.substring(1,1)  //''

• 3.如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

var a = '0123456789'
a.substring(5,1) //=>a.substring(1,5)  //1234

• 4.如果 start 和 stop 有负数，那么会把该参数自动转为0，然后继续上述规则。

var a = '0123456789' 
a.substring(5,-1) //=>a.substring(5,0) => a.substring(0,5)  //1234

• 5.如果 start 和 stop 有正小数（负数直接进行第4条），那么会把该参数向下取整，然后继续上述规则。

var a = '0123456789'
a.substring(5,2.5) //=>a.substring(5,2) => a.substring(2,5)  //234

• 6.如果 start 和 stop 有字符串，那么会先进行parseInt()，如果转换结果为NaN，那么就转换为0，其余情况继续上述规则。

var a = '0123456789'
a.substring(5,'2.5') // =>a.substring(5,2) => a.substring(2,5) //234
a.substring(5,'ss') // =>a.substring(5,2) =>a.substring(5,0) => a.substring(2,5) //234

slice

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分

string.slice(start,end)

该方法的两个参数均为位置坐标，和subtring比较像，区别就是该方法支持负数，并且不会交换位置，始终是从start到end，如果该区间不存在，那么返回''。

• 1.slice() 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。

var a = '0123456789'
a.slice(1,5) //1234

• 2.当start或者end为负值时，定位方式和substr一直，从右往左数，从1开始。

var a = '0123456789'
//起始点从第1（包括）开始，结束点为从右往左数第1个（不包括）
a.slice(1,-1)  //12345678

• 3.start到end的顺序始终是从左到右，如果最终start的位置在end的右边，那么返回''。

var a = '0123456789'
a.slice(2,1)   //2所在的位置是'2'，1所在的位置是'1'，从2=>1，方向相反，返回为空
a.slice(-2,1)  //-2所在的位置是'8'，1所在的位置是'1'，从8=>1，方向相反，返回为空
a.slice(-2,-1) //-2所在的位置是'8'，-1所在的位置是'9'，从8=>9，方向正常，返回为'8'

• 4.其他情况和substring处理方式一致

 var a = '0123456789'
a.slice('xx','5.5') // => a.slice(0,5) //01234

substr（不推荐）

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

string.substr(start,length)

• 1.substr() 方法返回的子串从 start 处的字符开始（包括）往后截取length长度，如果超过最末端就到最末端结束。

 var a = '0123456789'
 a.substr(1,5)  //12345
  //只会到最末端，多了没用 
 a.substr(1,15) //123456789

• 2.start可以取负值，表示从字符串尾部往头部开始数（从右到左，注意是从1开始，比如-1 指字符串中最后一个字符），但是截取长度还是从左到右，如果超过最末端就到最末端结束。

 var a = '0123456789'
 //-4表示从右开始数第4个，就是'6'，然后取2个长度的字符串，就是'67'
 a.substr(-4,2)  //67

• 3.如果length为负值，那么会直接当成0处理，最终返回""。

 var a = '0123456789'
 a.substr(4,-2) // => a.substr(4,0) //0

• 4.如果start或者length为小数，那么会截取小数部分。

 var a = '0123456789'
 a.substr(1.2,5.2) // => a.substr(1,5) //12345

• 5.如果 start 和 length 有字符串，那么会先进行parseInt()，如果转换结果为NaN，那么就转换为0，其余情况继续上述规则。

 var a = '0123456789'
 a.substr('aa','5') // => a.substr(0,5) //01234