JavaScript中三个截取字符串函数用法和区别比较实例详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中三个截取字符串函数用法和区别比较实例详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3033字，纯文字阅读大概需要5分钟。

内容图文

// slice 
// 语法: string.slice(start [, stop])
"Good news, everyone!".slice(5,9); 
// 'news'
// substring 
// 语法: string.substring(indexA [, indexB])
"Good news, everyone!".substring(5,9); 
// 'news'
// substr
// 语法: string.substr(start [, length])
"Good news, everyone!".substr(5,4); 
// 'news'

在三个方法之中输入一个 start 的索引参数，和一个可选的 end 索引（ 或 length ）参数。

但他们在一些重要的方面有所不同：
1.substr()方法从指定位置，提取指定数量的字符。
param： start 开始提取字符的位置索引，length 提取字符的数量长度。
return： 一个新的字符串。 从 start 处开始的 length 个字符。
在不同浏览器有不一致的表现，现代浏览器允许 start 索引参数为负数，来表示从字符串结尾处开始，提取字符的数量。但是在ie8及以下版本浏览器 start索引参数 最小从0开始计算。【 substr 为Web浏览器附加的ECMAScript特性，不建议使用时 start 索引为负值】

var str = "abcdefghij";
console.log("(1): "      + str.substr(1));     // (1): bcdefghij
console.log("(1,2): "    + str.substr(1,2));   // (1,2): bc
console.log("(-3): "     + str.substr(-3));    // (-3): hij
console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hi
console.log("(20, 2): "  + str.substr(20,2));  // (20, 2):
console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab
 
// ie8及以下
console.log("(-3): " + str.substr(-2)); // (-20, 2): hij
console.log("(-3, 2): " + str.substr(-2)); // (-20, 2): ab

2.substring() 方法用于提取字符串 一个index索引至另一个之间的子集， 或是直到字符串的结束。
param： indexA, indexB 两个参数取值范围为一个0 至 字符串长度之间的整数。
return： 返回一个新的字符串， 从小的索引开始 到 大的索引之间，包括小的索引位置字符，不包括大的索引位置字符。
substring 的参数是可反转的，它总是使用小的的参数值作为开始，大的参数值作为结束。 如果参数是小于0或NaN，它被看作是0，如果参数大于字符串的长度，被视为字符串的长度值.

// assumes a print function is defined
var anyString = "Mozilla";
// Displays "Moz"
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));
// Displays "lla"
console.log(anyString.substring(4,7));
console.log(anyString.substring(7,4));
// Displays "Mozill"
console.log(anyString.substring(0,6));
// Displays "Mozilla"
console.log(anyString.substring(0,7));
console.log(anyString.substring(0,10));

3.slice 提取字符串的一部分。
param： beginSlice开始提取字符的位置索引，可以为负，如果为负值被视为(sourceLength-beginSlice)，sourceLength是字符串的长度，即：从字符串的尾部开始算起的位置endSlice 结束提取的字符的位置索引。如果省略，提取到结束。如果为负值被视为(sourceLength-endSlice)。
return： 返回一个新的字符串，从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。
参数都可以为负，如果索引是负的，则从字符串的尾部开始算起。

var str1 = "The morning is upon us.";
console.log(str1.slice(4, -2));   //  morning is upon u
var str = "The morning is upon us.";
str.slice(-3);     // "us."
str.slice(-3, -1); // "us"
str.slice(0, -1);  // "The morning is upon us"

以上就是JavaScript中三个截取字符串函数用法和区别比较实例详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript中三个截取字符串函数用法和区别比较实例详解全部内容，希望文章能够帮你解决JavaScript中三个截取字符串函数用法和区别比较实例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端