JS截取字符串 subStr()、substring()、slice() 方法示例詳解
1. subStr(start, length)
substr() 方法可在字符串中截取從start下標(biāo)開始到指定length數(shù)目的字符
var str = "Hello world!"; console.log(str.substr(3, 5)); // lo wo
沒有設(shè)置 length 時(shí)默認(rèn)到末尾
var str = "Hello world!"; console.log(str.substr(3)); // lo world!
2. substring(start, end)
string.substring(start, end) 方法從 start 位置截取到 end 位置,end 可選
var str = "Hello world!"; console.log(str.substring(3, 8)); // lo wo
沒有設(shè)置 end 時(shí)默認(rèn)到末尾
var str = "Hello world!"; console.log(str.substring(3)); // lo world!
特點(diǎn):
如果 start > stop ,start和stop將被交換
var str = "Hello world!"; console.log(str.substring(8, 3)); // lo wo
如果參數(shù)是負(fù)數(shù)或者不是數(shù)字,將會(huì)被0替換
var str = "Hello world!"; console.log(str.substring(-1, 8)); // Hello wo
3. slice(start, end)
slice(start,end) 方法用于提取字符串的某個(gè)部分(從參數(shù) start 到 end 位置),并以新的字符串返回被提取的部分。類似 substring()。
var str = "Hello world!"; console.log(str.slice(3, 8)); // lo wo
沒有設(shè)置 end 時(shí)默認(rèn)到末尾
var str = "Hello world!"; console.log(str.slice(3)); // lo world!
特點(diǎn):
如果 start > end 不會(huì)交換兩者
var str = "Hello world!"; console.log(str.slice(8, 3)); // undefined
如果 start 小于0,則切割從字符串末尾往前數(shù)的第 start 個(gè)的字符開始(包括該位置的字符)
var str = "Hello world!"; console.log(str.slice(-2, -1)); // d
var str = "Hello world!"; console.log(str.slice(-2)); // d!
如果 end 小于0,則切割在從字符串末尾往前數(shù)的第 end 個(gè)字符結(jié)束(不包含該位置字符)
var str = "Hello world!"; console.log(str.slice(3, -2)); // lo worl
到此這篇關(guān)于JS截取字符串 subStr()、substring()、slice() 方法的文章就介紹到這了,更多相關(guān)js 截取字符串 subStr()、substring()、slice()內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
uniapp使用webview嵌入vue頁面及通信實(shí)現(xiàn)方式
項(xiàng)目中有需要嵌入其他H5的頁面的業(yè)務(wù)需求,這篇文章主要給大家介紹了關(guān)于uniapp使用webview嵌入vue頁面及通信實(shí)現(xiàn)方式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
原生js和jQuery隨意改變div屬性style的名稱和值
用原生js和jQuery實(shí)現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果,這個(gè)實(shí)例比較實(shí)用,新手朋友們可以看看2014-10-10
用JavaScript調(diào)用WebService的示例
JavaScript用htc實(shí)現(xiàn)WebService的調(diào)用2008-04-04
javascript 四則運(yùn)算精度修正函數(shù)代碼
JS預(yù)算精度問題確實(shí)很麻煩,這個(gè)能解決一些問題,雖然有bug.2010-05-05
JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法
下面小編就為大家分享一篇JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-04-04
jQuery和JavaScript節(jié)點(diǎn)插入元素的方法對(duì)比
本文主要介紹jQuery與JavaScript節(jié)點(diǎn)的插入方法,以及他們的具體代碼實(shí)現(xiàn)方法,大家可以對(duì)比下他們之間的不同,希望對(duì)大家編寫代碼有所幫助2016-11-11

