欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js裁剪(分隔)字符串的三種常用方法

 更新時間:2022年02月09日 10:34:57   作者:木偶?  
在開發(fā)中我們經(jīng)常會遇到對于字符串的部分取舍問題,本文主要介紹了js裁剪(分隔)字符串的三種常用方法,今天我們來看看3中常用的方法來解決這個問題,感興趣的可以一起了解一下

前言:在開發(fā)中我們經(jīng)常會遇到對于字符串的部分取舍問題,今天我們來看看3中常用的方法來解決這個問題。

一.Slice

1.兩個參數(shù):

兩個參數(shù):起始索引(開始位置),終止索引(結(jié)束位置),提取字符串的某個部分并在新字符串中返回被提取的部分。

包前不包后

var str="HelloTwd";
// slice方法  
// 兩個參數(shù):起始索引(開始位置),終止索引(結(jié)束位置)。
// 提取字符串的某個部分并在新字符串中返回被提取的部分。 
// 包前不包后
var res=str.slice(1,5);
console.log(res);

在這里插入圖片描述

2.參數(shù)為負:

如果某個參數(shù)為負,則從字符串的結(jié)尾開始計數(shù),包后不包前。

var str="HelloTwd";
// 如果某個參數(shù)為負,則從字符串的結(jié)尾開始計數(shù)。
// 包后不包前
var res1=str.slice(1,-5)
console.log(res1);

在這里插入圖片描述

3.一個參數(shù):

如果省略第二個參數(shù),則該方法將裁剪字符串的剩余部分,包前,如果參數(shù)為負,從結(jié)尾開始計數(shù),包括裁切數(shù)值的位置的字符。

var str="HelloTwd";
// 如果省略第二個參數(shù),則該方法將裁剪字符串的剩余部分:
// 包前
var res2=str.slice(5)
console.log(res2);
// 從結(jié)尾開始計數(shù),包括裁切數(shù)值的位置的字符
var res3=str.slice(-5)
console.log(res3);

在這里插入圖片描述

4.注意:

如果為正數(shù),則是索引從0開始,若為負數(shù),則索引從-1開始,也就是結(jié)尾的索引1開始,并非0。

二.Substring

1.兩個參數(shù):

substring() 類似于 slice(),不同之處在于 substring() 無法接受負的索引。包前不包后。

var str="HelloTwd"
// substring() 類似于 slice()。
// 不同之處在于 substring() 無法接受負的索引。
// 包前不包后
var res=str.substring(1,5)
console.log(res);

在這里插入圖片描述

2.一個參數(shù):

如果省略第二個參數(shù),則該 substring() 將裁剪字符串的剩余部分,包前。

var str="HelloTwd"
// 如果省略第二個參數(shù),則該 substring() 將裁剪字符串的剩余部分。
// 包前
var res1=str.substring(5)
console.log(res1);

在這里插入圖片描述

3.注意:

如果為負數(shù),則返回整個字符串。

var str="HelloTwd"
// 如果為負數(shù),則返回整個字符串
var res3=str.substring(-2)
console.log(res3);

在這里插入圖片描述

三.Sbustr

1.兩個參數(shù):

substr() 類似于 slice(),不同之處在于第二個參數(shù)規(guī)定被提取部分的長度。不包前

var str="HelloTwd"
// substr() 類似于 slice()。
// 不同之處在于第二個參數(shù)規(guī)定被提取部分的長度。
// 不包前
var res=str.substr(1,6)
console.log(res);

在這里插入圖片描述

為負數(shù)時候, 包括裁剪的數(shù)值處的字符。

var str="HelloTwd"
// 為負數(shù)
// 包括裁剪的數(shù)值處的字符
var res1=str.substr(-2,2)
console.log(res1);

在這里插入圖片描述

2.一個參數(shù):

** 如果省略第二個參數(shù),則該 substr() 將裁剪字符串的剩余部分,包括要分隔的數(shù)值出的字符。**

var str="HelloTwd"
// 如果省略第二個參數(shù),則該 substr() 將裁剪字符串的剩余部分。
// 包括要分隔的數(shù)值出的字符
var res2=str.substr(-5)
console.log(res2);

在這里插入圖片描述

3.注意:

超出索引不輸出內(nèi)容

到此這篇關(guān)于js裁剪(分隔)字符串的三種常用方法的文章就介紹到這了,更多相關(guān)js 分隔字符串內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS document內(nèi)容及樣式操作完整示例

    JS document內(nèi)容及樣式操作完整示例

    這篇文章主要介紹了JS document內(nèi)容及樣式操作,結(jié)合完整實例形式分析了JavaScript document內(nèi)容及樣式的獲取、修改、添加等相關(guān)操作技巧,需要的朋友可以參考下
    2020-01-01
  • JS中關(guān)于事件處理函數(shù)名后面是否帶括號的問題

    JS中關(guān)于事件處理函數(shù)名后面是否帶括號的問題

    JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個關(guān)于事件處理程序的小細節(jié)。感興趣的朋友一起學(xué)習(xí)吧
    2016-11-11
  • javascript排序函數(shù)實現(xiàn)數(shù)字排序

    javascript排序函數(shù)實現(xiàn)數(shù)字排序

    這篇文章主要介紹了javascript排序函數(shù)實現(xiàn)數(shù)字排序的相關(guān)資料,附上示例,需要的朋友可以參考下
    2015-06-06
  • Bootstrap表單Form全面解析

    Bootstrap表單Form全面解析

    在進行自己的后臺改版時,大體布局都使用了bootstrap,剩下的表單部分沒理由不去使用它,對于表單的美化和布局,bootstrap做的也是很不錯的。下文給大家介紹Bootstrap表單Form全面解析,感興趣的朋友一起看下吧
    2016-06-06
  • js使用cookie記錄用戶名的方法

    js使用cookie記錄用戶名的方法

    這篇文章主要介紹了js使用cookie記錄用戶名的方法,通過完整實例形式分析了JavaScript針對cookie的創(chuàng)建、賦值及刪除等操作技巧,以及通過cookie記錄用戶登錄信息的方法,需要的朋友可以參考下
    2015-11-11
  • 解決bootstrap模態(tài)框數(shù)據(jù)緩存的問題方法

    解決bootstrap模態(tài)框數(shù)據(jù)緩存的問題方法

    今天小編就為大家分享一篇解決bootstrap模態(tài)框數(shù)據(jù)緩存的問題方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 微信小程序?qū)崿F(xiàn)圖片滾動效果示例

    微信小程序?qū)崿F(xiàn)圖片滾動效果示例

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片滾動效果,結(jié)合實例形式分析了微信小程序基于swiper組件的圖片滾動效果相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下
    2018-12-12
  • 使兩個iframe的高度與內(nèi)容自適應(yīng),且相等

    使兩個iframe的高度與內(nèi)容自適應(yīng),且相等

    使兩個iframe的高度與內(nèi)容自適應(yīng),且相等...
    2006-11-11
  • JS去除iframe滾動條的方法

    JS去除iframe滾動條的方法

    這篇文章主要介紹了JS去除iframe滾動條的方法,涉及javascript操作iframe中屬性的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • JS把內(nèi)容動態(tài)插入到DIV的實現(xiàn)方法

    JS把內(nèi)容動態(tài)插入到DIV的實現(xiàn)方法

    下面小編就為大家?guī)硪黄狫S把內(nèi)容動態(tài)插入到DIV的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07

最新評論