最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS中通過slice()&substring()截取字符串前幾位的方法

 更新時(shí)間:2023年12月25日 11:46:43   作者:藍(lán)胖子的多啦A夢(mèng)  
在Javascript使用字符串中,我們不一定需要全部的字符串,這時(shí)就需要截取字符串,本文主要介紹js中截取字符串前幾位的兩種方法:1、使用slice() 方法;2、使用substring() 方法,本文通過示例代碼介紹的非常詳細(xì),需要的朋友參考下吧

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)繞)分析

    這篇文章主要介紹了Javascript aop(面向切面編程)之a(chǎn)round(環(huán)繞) ,需要的朋友可以參考下
    2015-05-05
  • videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖

    videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖

    這篇文章主要為大家詳細(xì)介紹了videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖,輪播翻動(dòng),視頻暫停,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • js制作提示框插件

    js制作提示框插件

    這篇文章主要介紹了js制作提示框插件的方法,幫助大家更好的理解和使用js,感興趣的朋友可以了解下
    2020-12-12
  • 每周一練 之 數(shù)據(jù)結(jié)構(gòu)與算法(Stack)

    每周一練 之 數(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)瀑布流布局

    基于JavaScript實(shí)現(xiàn)瀑布流布局

    這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)瀑布流布局,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-08-08
  • javascript?中動(dòng)畫制作方法?animate()屬性

    javascript?中動(dòng)畫制作方法?animate()屬性

    這篇文章主要介紹了javascript?中動(dòng)畫制作方法?animate()屬性,animate是所有dom元素都有的方法,可以用來最做過度動(dòng)畫,關(guān)鍵幀動(dòng)畫,下面文章的相關(guān)介紹需要的小伙伴可以參考一下
    2022-04-04
  • JS實(shí)現(xiàn)單例模式的6種方案匯總

    JS實(shí)現(xiàn)單例模式的6種方案匯總

    單例模式的定義是保證一個(gè)類僅有一個(gè)實(shí)例,下面這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)單例模式的6種方案,需要的朋友可以參考下
    2021-05-05
  • ES6的Fetch異步請(qǐng)求的實(shí)現(xiàn)方法

    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é)

    JavaScript 原型學(xué)習(xí)總結(jié)

    每個(gè)對(duì)像都有一個(gè)隱慝的屬性用于指向到它的父對(duì)像(構(gòu)造對(duì)像的函數(shù))的原型(這里稱為父原型或隱式原型),并從中繼承它的屬性和方法
    2010-10-10
  • 固定背景實(shí)現(xiàn)的背景滾動(dòng)特效示例分享

    固定背景實(shí)現(xiàn)的背景滾動(dòng)特效示例分享

    固定背景滾動(dòng)特效,使用background-attachment: fixed和導(dǎo)航菜單,頁面會(huì)非常平滑的滾動(dòng),感興趣的朋友可以參考下哈希望對(duì)你有所幫助
    2013-05-05

最新評(píng)論

耿马| 隆林| 湛江市| 恩平市| 北辰区| 陇川县| 长沙市| 土默特右旗| 香格里拉县| 陈巴尔虎旗| 柳河县| 沙田区| 河东区| 铜鼓县| 兰西县| 巫山县| 朝阳市| 运城市| 镶黄旗| 湄潭县| 图片| 冕宁县| 甘南县| 定陶县| 孝义市| 奉新县| 双城市| 余庆县| 韶关市| 皮山县| SHOW| 游戏| 吴川市| 姚安县| 凤冈县| 神农架林区| 砚山县| 安陆市| 延寿县| 三门县| 盐津县|