javascript截取字符串前四位

1、使用slice()截取

slice() 方法可通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返回被提取的部分。

语法如下：

start(必需)：规定从何处开始选取。如果是负数，那么它规定从字符串尾部开始算起的位置。也就是说，-1 指最后一个字符，-2 指倒数第二个字符，以此类推。

end(可选)：规定从何处结束选取，即结束处的字符下标。如果没有指定该参数，那么截取的字符串包含从 start 到结束的所有字符。如果这个参数是负数，那么它规定的是从数组尾部开始算起的字符。

示例：

效果图：

2、使用 substr() 截取

substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法如下：

start(必需)：所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length(可选)：在返回的子字符串中应包括的字符个数。

示例：

3、使用 substring() 截取

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

start(必需)：一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。

stop(可选)：一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。

返回值：该方法返回一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。

示例：

String定义了 3个字符串截取的原型方法，说明如表所示。

截取指定长度字符串

substr()方法能够根据指定长度来截取子字符串。它包含两个参数，第一个参数表示准备截取的子字符串起始下标，第二个参数表示截取的长度。

示例1

在下面示例中使用lastIndexOf()获取字符串的最后一个点号的下标位置，然后从其后的位置开始截取 4个字符。

var s = "http://c.biancheng.net/index.html";

var b = s.substr(s.lastIndexOf(".") + 1,4); //截取最后一个点号后4个字符

console.log(b); //返回子字符串“html”

如果省略第二个参数，则表示截取从起始位置开始到结尾的所有字符。考虑到扩展名的长度不固定，省略第二个参数会更灵活。

var b = s.substr(s.lastIndexOf(".") + 1);

如果第一个参数为负值，则表示从字符串的尾部开始计算下标位置，即 -1表示最后一个字符，-2表示倒数第二个字符，以此类推。这对于左侧字符长度不固定时非常有用。

ECMAScript不再建议使用该方法，推荐使用slice()和substring()方法。

截取起止下标位置字符串

slice()和substring()方法都是根据指定的起止下标位置来截取字符串，它们都可以包含两个参数，第一个参数表示起始下标，第二个参数表示结束下标。

示例2

下面代码使用substring()方法截取 URL字符串中网站主机名信息。

var s = "http://c.biancheng.net/index.html";

var a = s.indexOf("c");

var b = s.indexOf("/", a);

var c = s.substring(a,b);

var d = s.slice(a,b);

截取的字符串包含第一个参数所指定的字符。结束点不被截取，即不包含在字符串。

第二个参数如果省略，表示截取到结尾的所有字符串。

如果第一个参数值比第二个参数值大，substring()方法能够在执行截取之前先交换两个参数，而对于slice()方法来说，则被无视为无效，并返回空字符串。

示例3

下面代码比较substring()方法和slice()方法用法不同。

var s = "http://c.biancheng.net/index.html";

var a = s.indexOf("c");

var b = s.indexOf("/", a);

var c = s.substring(b, a);

var d = s.slice(b, a);

当起始点和结束点的值大小无法确定时，使用substring()方法更合适。

如果参数值为负值，slice()方法能够把负号解释为从右侧开始定位，这与 Array的 slice()方法相同。但是substring()方法会视其为无效，并返回空字符串。

示例4

下面代码比较substring()方法和slice()方法的用法不同。

var s = "http://c.biancheng.net/index.html";

var a = s.indexOf("c");

var b = s.indexOf("/", a);

var 1 = s.length;

var c = s.substring(a-1, b-1);

var d = s.slice(a-1, b-1);