js中substring和substr兩者區(qū)別和使用方法
在開始之前，先回顧下js中下標(biāo)（數(shù)組元素/字符串中字符下標(biāo)）：
下標(biāo)總是從0開始計數(shù)，例如
var arr = [1,2,3];//數(shù)組的長度為3，元素下標(biāo)依次為：0，1，2
arr[0] = 1,arr[1]=2..
字符串類似：如var s = "hello"；//字符串長度為5，第一個字符'h'的下標(biāo)為0，依次類推
String.substring( )：用于返回一個字符串的子串
用法如下：string.substring(from, to)
其中from指代要抽去的子串第一個字符在原字符串中的位置
to指代所要抽去的子字符串最后一個字符的后一位（這個參數(shù)可以不加）
下面就對String.substring( )做舉例：
1、string.substring(from)：此時相當(dāng)于從from位置截取到原字符串末尾
var s = "hello"; s.substring(1);//就是從下標(biāo)為1的字符（這里是'e'）開始起到字符串末尾全部截取,最終獲得子串"ello"
2、string.substring(from, to)：從from位置截取到to-1的位置
var s = "hello"; s.substring(1，3);//相當(dāng)于從位置為1的字符截取到位置為2的字符，得到子串為："el"
String.substr( ):作用也是抽去一個子串，但是它和上面的String.substring( )有所不同
用法如下：string.substr(start, length)
start：指代截取子串開始下標(biāo)
length：截取子串的長度（可省略）
1、string.substr(start, length)：先舉個例子來說明：
var s = "hello"; s.substr(1，3);//從下標(biāo)為1的字符開始截取3個字符長度，最后子串為：ell
補(bǔ)充兩種特殊情況：
a、第二個參數(shù)超過了剩余字符長度
var s = "hello"; s.substr(1,7)//這種情況下默認(rèn)從，start位置到原字符串末尾，即返回："ello"
b、第一個參數(shù)為負(fù)數(shù)
這種情況，從字符串尾部開始計算，-1指字符串最后一個字符，-2指倒數(shù)第二個字符...依次類推
var s = "hello"; s.substr(-3,2)//即從倒數(shù)第三個字符開始起截取2個長度，獲得："ll"
2、string.substr(start)：不帶length參數(shù)，默認(rèn)指代從start位置截取到字符串末尾
var s = "hello"; s.substr(3)//"lo"
以上就是關(guān)于js中substring和substr區(qū)別與用法的詳細(xì)介紹，大家可以結(jié)合之前的相關(guān)文章進(jìn)行學(xué)習(xí)，希望對大家的學(xué)習(xí)有所幫助。
- 詳解JS截取字符串的三個方法substring,substr,slice
- JS中substring與substr的用法
- js字符串截取函數(shù)slice、substring和substr的比較
- 深入淺析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
- js中substr,substring,indexOf,lastIndexOf，split，replace的用法詳解
- javascript中substring()、substr()、slice()的區(qū)別
- javascript中slice(),splice(),split(),substring(),substr()使用方法
- js中substring使用示例詳解
相關(guān)文章
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計數(shù)算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計數(shù)算法,結(jié)合具體實例形式分析了javascript二叉樹記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下2017-04-04
本篇文章主要是對js中的select option對象進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
Object.keys()是遍歷一個對象自身的屬性名稱(不包括繼承屬性)的最簡單方法，這篇文章主要介紹了Object.keys()的用法,本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-07-07
JavaScript中如何校驗一個URL？最近遇到幾次需要校驗URL的,所以本文給大家整理一下幾個校驗URL的方法,文中有詳細(xì)的代碼講解和圖文參考,具有一定的參考價值,需要的朋友可以參考下2023-12-12
這篇文章介紹了javascript實現(xiàn)顏色漸變的方法，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細(xì)介紹了javascript代碼實現(xiàn)簡易計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
JavaScript中一些浮點數(shù)相加減會計算錯誤，本文將為大家具體介紹一下JavaScript中解決任意兩數(shù)加減會出現(xiàn)錯誤的方案，需要的可以參考一下2022-02-02
下面小編就為大家分享一篇js中el表達(dá)式的使用和非空判斷方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
基于javascript實現(xiàn)漂亮的頁面過渡動畫效果附源碼下載
本文通過javascript實現(xiàn)漂亮的頁面過濾動畫效果，用戶通過點擊頁面左側(cè)的菜單，對應(yīng)的頁面加載時伴隨著滑動過濾動畫，并帶有進(jìn)度條效果。用戶體驗度非常好，感興趣的朋友一起看看吧2015-10-10
Java通過WebSocket實現(xiàn)異步導(dǎo)出解決思路
這篇文章主要介紹了通過WebSocket實現(xiàn)異步導(dǎo)出,本篇文章記錄大批量數(shù)據(jù)導(dǎo)出時間過長,導(dǎo)致接口請求超時問題,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-01-01