JavaScript 截取字符串代码实例
更新时间:2019年09月05日 16:53:06 作者:初晨~
这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
代码如下
<script> $(document).ready(function () { //下标从0开始 let str = '123456789'; //使用一个参数 console.log(str.slice(3)) //从第4个字符开始,截取到最后个字符;返回"456789" console.log(str.substring(3)) //从第4个字符开始,截取到最后个字符;返回"456789" //使用两个参数 console.log(str.slice(1, 5)) //从第2个字符开始,到第5个字符;返回"2345" console.log(str.substring(1, 5)) //从第2个字符开始,到第5个字符;返回"2345" //如果只用一个参数并且为0的话,那么返回整个参数 console.log(str.slice(0)) console.log(str.substring(0)) //返回第一个字符 console.log(str.slice(0, 1)) //1 console.log(str.substring(0, 1)) //1 //在上面的例子中我们可以看出slice()和substring()的用法是相同的 //返回的值也是一样的,但当参数为负数时,他们的返回值却不一样,看下面的例子 console.log(str.slice(2, -5)) // 34 console.log(str.substring(2, -5)) // 12 //从上面两个例子可以看出slice(2,-5)实际上是slice(2,4) //负5加上字符串长度9转换成正4(若第一位数字等于或大于第二位数字,则返回空字符串); //而substring(2,-5)实际上是substring(2,0),负数转换为0,substring总是把较小的数作为起始位置。 //substring和substr的区别 //相同点:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段。 let str2 = '123456789'; console.log(str2.substr(2)); // "3456789" console.log(str2.substring(2)); // "3456789" //不同点:第二个参数 //substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始点截取某个长度的字符串); //substring(startIndex, endIndex): 第二个参数是截取字符串最终的下标 (截取2个位置之间的字符串,‘含头不含尾')。 console.log("123456789".substr(2, 5)); // "34567" 从下标2开始,截取5个 console.log("123456789".substring(2, 5)); // "345" 从下标2开始,截取到下标为5的长度 //总结:String.substr(startIndex,lenth) 这个是我们常用的从指定的位置(startIndex)截取指定长度(lenth)的字符串; //String.substring(startIndex, endIndex) 这个是startIndex,endIndex里找出一个较小的值,然后从字符串的开始位置算起,截取较小值位置和较大值位置之间的字符串,截取出来的字符串的长度为较大值与较小值之间的差。 // 函数:split() //功能:使用一个指定的分隔符把一个字符串分割存储到数组 let str3 = '1,2,3,4,5,6'; let arr = str3.split(','); console.log(arr); //["1", "2", "3", "4", "5", "6"] // 函数:John() // 功能:使用您选择的分隔符将一个数组合并为一个字符串 let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png'); let portableList = myList.join('|'); console.log(portableList); //jpg|bmp|gif|ico|png }) </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- JS截取字符串的三种方法详解
- JavaScript常用截取字符串的三种方式用法区别实例解析
- JS基于正则截取替换特定字符之间字符串操作示例
- JS正则截取两个字符串之间及字符串前后内容的方法
- JS使用正则截取两个字符串之间的字符串实现方法详解
- js字符串截取函数slice、substring和substr的比较
- JavaScript截取、切割字符串的技巧
- JS截取与分割字符串常用技巧总结
- JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
- JS截取字符串常用方法详细整理
- js substring()字符串截取函数
- JavaScript substr() 字符串截取函数使用详解
- JS 截取字符串substr 和 substring方法的区别
- JS截取字符串的方法详解
相关文章
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
下面小编就为大家分享一篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
最新评论