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

