js的字符串截取(JavaScript字符串截取实战分享)

什么是字符串截取?

字符串截取是指从一个长的字符串中按照一定的规则提取出一个较短的字符串的操作，类似于“剪切”操作。

JS中字符串截取的方法

在JS中，字符串截取有多种方法，其中常用的方法有：substring、substr和slice。

substring方法

substring方法接受两个参数，第一个参数是起始位置，第二个参数是结束位置（不包含在截取的字符串中）。例如：

var str = "Hello world";
var newStr = str.substring(3,7); //输出lo w

如果只传一个参数，则从该位置开始截取到字符串末尾：

var str = "Hello world";
var newStr = str.substring(6); //输出world

substr方法

substr方法也接受两个参数，第一个参数是起始位置，第二个参数是截取的长度。例如：

var str = "Hello world";
var newStr = str.substr(3,4); //输出lo w

如果只传一个参数，则从该位置开始截取到字符串末尾：

var str = "Hello world";
var newStr = str.substr(6); //输出world

slice方法

slice方法也接受两个参数，第一个参数是起始位置，第二个参数是截取的结束位置（不包含在截取的字符串中）。与substring方法类似，但slice方法也可以接受负值参数，表示从字符串尾部开始计算索引。例如：

var str = "Hello world";
var newStr1 = str.slice(3,7); //输出lo w
var newStr2 = str.slice(-5,-1); //输出worl

应用场景

字符串截取在实际开发中经常用到，比如：

在截取邮件地址中的用户名

截取文章摘要

截取电话号码中的区号

截取URL中的域名

注意事项

当截取位置的参数超过字符串的末尾时，substring方法会自动将起始位置与结束位置互换，substr方法和slice方法则会返回空字符串。

var str = "Hello world";
var newStr1 = str.substring(3,12); //输出lo world
var newStr2 = str.substr(3,12); //输出lo world
var newStr3 = str.slice(3,12); //输出lo world

此外，需要注意的是，在IE8及以下的浏览器中，负值参数会被转化为0。

结语

字符串截取是JS中常用的操作之一，掌握好这三种方法，能提高开发效率。