本文为大家介绍三种 js 截取字符串的方法：

  • substring() 方法；
  • substr() 方法；
  • slice() 方法；

方法1：substring() 方法

string.substring(from, to) 方法从 from 位置截取到 to 位置，to 可选，没有设置时默认到末尾。

<!DOCTYPE html>
<html>
<body>

<script>
var str="www.runcodex.com!";
document.write(str.substring(4)+"<br>"); // 从第 5 个字符开始截取到末尾
document.write(str.substring(4,10)); // 从第 5 个字符开始截取到第10个字符
</script>

</body>
</html>

尝试一下 »

更多关于substr() 方法请参考文档：http://www.runcodex.com/jsref/jsref-substring.html。

方法2：substr() 方法

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

<!DOCTYPE html>
<html>
<body>

<script>
var str="www.runcodex.com!";
document.write(str.substr(4,6)); // 从第 4 个字符开始截取6个字符
</script>

</body>
</html>

尝试一下 »

更多关于substr() 方法请参考文档：http://www.runcodex.com/jsref/jsref-substr.html。

方法3：slice() 方法

slice(start,end) 方法用于提取字符串的某个部分（从参数 start 到 end 位置），并以新的字符串返回被提取的部分。类似 substring()。 

<!DOCTYPE html>
<html>
<body>

<script>

var str="www.runcodex.com!";
document.write(str.slice(4)+"<br>"); // 从第 5 个字符开始截取到末尾
document.write(str.slice(4,10)); // 从第 5 个字符开始截取到第10个字符

</script>

</body>
</html>

尝试一下 »

更多关于 slice() 方法请参考文档：http://www.runcodex.com/jsref/jsref-slice-array.html。