JS中通過slice()&substring()截取字符串前幾位的方法
js中截取字符串前幾位的兩種方法slice()&substring()
在Javascript使用字符串中,我們不一定需要全部的字符串,這時(shí)就需要截取字符串。本文主要介紹js中截取字符串前幾位的兩種方法:1、使用slice() 方法;2、使用substring() 方法。
方法一:使用slice() 方法
可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分。
語法
string.slice(start,end)
實(shí)例
var str="abc12345"; alert(str.slice(3)) // => 12345 截取掉前三位字符,保留后幾位
方法二:使用substring() 方法
用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。
語法
string.substring(start,stop)
實(shí)例
var disName ='開心一族漂亮家園'; var shortName = disName.substring(0,5); console.log(shortName);//打印結(jié)果:開心一族漂
補(bǔ)充:
三種JS截取字符串方法 slice(),substring()和substr()
JS提供三個(gè)截取字符串的方法,分別是:slice(),substring()和substr(),它們都可以接受一個(gè)或兩個(gè)參數(shù):
var stmp = “rcinn.cn”;
使用一個(gè)參數(shù)
alert(stmp.slice(3));//從第4個(gè)字符開始,截取到最后個(gè)字符;返回"nn.cn" alert(stmp.substring(3));//從第4個(gè)字符開始,截取到最后個(gè)字符;返回"nn.cn"
slice
語法
string.slice(start,end) 不包括end
參數(shù) 描述
start 必須。 要抽取的片斷的起始下標(biāo),第一個(gè)字符位置為 0。如果為負(fù)數(shù),則從尾部開始截取。 end 可選。
緊接著要截取的片段結(jié)尾的下標(biāo)。若未指定此參數(shù),則要提取的子串包括 start。
end到原字符串結(jié)尾的字符串。如果該參數(shù)是負(fù)數(shù),那么它規(guī)定的是從字符串的尾部開始算起的位置。slice(-2)。
表示提取原數(shù)組中的倒數(shù)第二個(gè)元素到最后一個(gè)元素(包含最后一個(gè)元素)。
切割字符串
var a = 'stings'; console.log(a.slice()) //stings console.log(a.slice(1)) //tings console.log(a.slice(1,2)) // t console.log(a.slice(-1)) //s console.log(a.slice(1,-1)) // ting
切割數(shù)組
var arr = [1,2,3,4,5]; console.log(arr.slice(1));//[2,3,4,5] 選擇序列號(hào)從1到最后的所有元素組成的新數(shù)組。 console.log(arr.slice(1,3))//[2,3] 不包含end,序列號(hào)為3的元素
substr
所有主要瀏覽器都支持 substr() 方法
語法
string.substr(start,length)
參數(shù)值
start 必需。要抽取的子串的起始下標(biāo)。必須是數(shù)值。如果是負(fù)數(shù),那么該參數(shù)聲明從字符串的尾部開始算起的位置。也就是說,-1 指字符串中最后一個(gè)字符,-2 指倒數(shù)第二個(gè)字符,以此類推。
length 可選。子串中的字符數(shù)。必須是數(shù)值。如果省略了該參數(shù),那么返回從 stringObject 的開始位置到結(jié)尾的字串。
var str="Hello world!"; console.log(str.substr()) //Hello world! console.log(str.substr(2)) //llo world! console.log(str.substr(1,2)) //el console.log(str.substr(-1)) //! console.log(str.substr(1,6)) // ello w console.log(str.substr(0,16)) //Hello world!
substring
定義和用法
substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。 substring() 方法返回的子串包括 開始 處的字符,但不包括 結(jié)束 處的字符。
語法
string.substring(from, to) 不包括to
參數(shù) 描述
from 必需。一個(gè)非負(fù)的整數(shù),規(guī)定要提取的子串的第一個(gè)字符在 string Object 中的位置。
to 可選。一個(gè)非負(fù)的整數(shù),比要提取的子串的最后一個(gè)字符在 string Object 中的位置多 1。
如果省略該參數(shù),那么返回的子串會(huì)一直到字符串的結(jié)尾。
var str="Hello+world!"; console.log(str.substring()) //Hello+world! console.log(str.substring(2)) //llo+world! console.log(str.substring(1,2)) //e console.log(str.substring(-1)) //Hello+world! console.log(str.substring(1,6)) // ello+ console.log(str.substring(0,16)) //Hello+world!
substing 和substr 不能用于數(shù)組 截取,slice 可以用于數(shù)組截取,截取返回的是數(shù)組
到此這篇關(guān)于js中截取字符串前幾位的兩種方法slice()&substring()的文章就介紹到這了,更多相關(guān)js截取字符串內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript aop(面向切面編程)之a(chǎn)round(環(huán)繞)分析
這篇文章主要介紹了Javascript aop(面向切面編程)之a(chǎn)round(環(huán)繞) ,需要的朋友可以參考下2015-05-05
videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖
這篇文章主要為大家詳細(xì)介紹了videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖,輪播翻動(dòng),視頻暫停,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
每周一練 之 數(shù)據(jù)結(jié)構(gòu)與算法(Stack)
這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)與算法(Stack),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
基于JavaScript實(shí)現(xiàn)瀑布流布局
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)瀑布流布局,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08
javascript?中動(dòng)畫制作方法?animate()屬性
這篇文章主要介紹了javascript?中動(dòng)畫制作方法?animate()屬性,animate是所有dom元素都有的方法,可以用來最做過度動(dòng)畫,關(guān)鍵幀動(dòng)畫,下面文章的相關(guān)介紹需要的小伙伴可以參考一下2022-04-04
ES6的Fetch異步請(qǐng)求的實(shí)現(xiàn)方法
這篇文章主要介紹了ES6的Fetch異步請(qǐng)求的實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
JavaScript 原型學(xué)習(xí)總結(jié)
每個(gè)對(duì)像都有一個(gè)隱慝的屬性用于指向到它的父對(duì)像(構(gòu)造對(duì)像的函數(shù))的原型(這里稱為父原型或隱式原型),并從中繼承它的屬性和方法2010-10-10
固定背景實(shí)現(xiàn)的背景滾動(dòng)特效示例分享
固定背景滾動(dòng)特效,使用background-attachment: fixed和導(dǎo)航菜單,頁面會(huì)非常平滑的滾動(dòng),感興趣的朋友可以參考下哈希望對(duì)你有所幫助2013-05-05

