目录substring() substr() slice() substring()和substr()的区别方法补充在 JavaScript 中，可以使用substr()、slice()和substring()方法截取字符串。
substring()substring()方法返回一个字符串在开始索引到结束索引之间的一个子集，或从开始索引直到字符串的末尾的一个子集。语法如下：str.substring(indexStart[, indexEnd])
参数说明：
indexStart：需要截取的第一个字符的索引，该索引位置的字符作为返回的字符串的首字母。
indexEnd：可选。一个0到字符串长度之间的整数，以该数字为索引的字符不包含在截取的字符串内。
如果startIndex大于endIndex，则会交换它们的位置。来看一段示例代码：let str = "深耕WEB开发10+年，拥有一颗工匠的心";
console.log(str.substring(7)); // 10+年，拥有一颗工匠的心console.log(str.substring(0, 5)); // 深耕WEB console.log(str.substring(7, 5)); // 开发console.log(str.substring(5, 5)); // 空substr()substr()方法返回一个字符串中从指定位置开始到指定字符数的字符。语法如下：str.substr(start[, length])第一个参数是截取开始的位置，第二个参数是截取的长度。如下代码：let str = "深耕WEB开发10+年，拥有一颗工匠的心";let result = str.substr(1, 4);console.log(result); // 耕WEB上述代码的1表示从第二个字符开始截取，4表示截取的长度为4个字符。
substr()方法在截取字符串时是基于字符位置的，如果截取长度超过了字符串的长度，它会一直截取到字符串的末尾。如果第一个参数是负数，则从字符串的末尾开始计数。
如果可以的话，建议使用substring()来取代substr()。
slice()slice()方法提取某个字符串的一部分，并返回一个新的字符串，且不会改动原字符串，与substring()
方法类似。语法如下：
str.slice(startIndex, endIndex)其中，startIndex表示要截取的子字符串的起始位置（包含该位置），endIndex表示要截取的子字符串的结束位置（不包含该位置）。如果只传入startIndex，则会从该位置一直截取到字符串末尾。如果startIndex大于endIndex
，则会返回空字符串。例如：
let str = "深耕WEB开发10+年，拥有一颗工匠的心";
console.log(str.slice(7)); // 10+年，拥有一颗工匠的心console.log(str.slice(0, 5)); // 深耕WEB console.log(str.slice(7, 5)); // ""console.log(str.slice(5, 5)); // ""substring()和substr()的区别substring()和substr()都是截取字符串的方法，但它们有以下区别：参数不同：substring()方法的第一个参数是起始位置，第二个参数是终止位置（不包括该位置的字符）；
substr()方法的第一个参数是起始位置，第二个参数是截取的长度。
负数处理不同：substring()方法不接受负数参数，如果传入负数，会被自动转换为0；
substr()方法可以接受负数参数，表示倒数计数。
返回值不同：substring()方法返回从起始位置到终止位置之间的字符；
substr()方法返回从起始位置开始指定长度的字符。
ES6中新增了slice()方法，但它和substring()方法非常相似，也是接受起始位置和终止位置作为参数，不同之处是slice()方法可以接受负数参数，表示从字符串末尾开始计数。
substr()虽然没有被完全遗弃，但还是建议使用substring()来取代substr()。
方法补充除了上述的方法，小编还为大家整理了其他的实现方法，希望对大家有所帮助Javascript截取字符串中包含中文的方法
第一种方法：
String.prototype.sub=function(n){var r=/[^\x00-\xff]/g;if(this.replace(r,"mm").length<=n){return this;}var m=Math.floor(n/2);for(var i=m;i
第二种方法：
截取字符串 包含中文处理，参数含义：(字符串,截取长度,是否增加...)function subString(str, len, hasDot){var newLength=0;var newStr="";var chineseRegex=/[^\x00-\xff]/g;var singleChar='';var strLength=str.replace(chineseRegex,'**').length;for(var i=0;i < strLength;i++){singleChar=str.charAt(i).toString();if(singleChar.match(chineseRegex) != null){newLength+=2;}else{newLength++;}if(newLength>len){break;}newStr+=singleChar;}
if(hasDot && strLength>len){newStr+='...';}return newStr;}到此这篇关于JavaScript实现字符串截取的三个方法总结的文章就介绍到这了,更多相关JavaScript字符串截取内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:JS字符串分割方法整理汇总示例讲解（3种截取方法和6个辅助方法）
JS常用的4种截取字符串方法JS字符串截取出现的bug以及解决方式教你用js截取字符串开头、结尾及两字符串之间的内容js实现截取某个字符串前面的内容