基于substring()和substr()的使用以及區(qū)別(實例講解)
更新時間：2017年12月28日 14:57:55 作者：神仙哥哥灬
下面小編就為大家分享一篇基于substring()和substr()的使用以及區(qū)別實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在JavaScript中，通常會用到截取，那所謂截取呢，其實就是要獲得被截取元素的某個位置到某個位置的內容，那么JS給我提供了substring和substr這兩種方法：
這兩種截取的方式有什么區(qū)別呢？直接代碼演示：
substring（a,b）：
a：表示起始位置
b：表示結束位置
！但是值得注意的是：截取時，截取內容當中包含了開始位置的元素，但是不包含結束位置的元素！
示例：
function sub1(){
var str = 'javascript';
return str.substring(0,4);
}
console.log(sub1()); //返回值為‘java'
function sub2(){
var str = 'javascript';
return str.substring(1,4);
}
console.log(sub2()); //返回值為‘ava'
總結：substring截取時，包括起始位置，不包括結束位置，并且a,b兩個參數(shù)均為位置值，即索引值
substr（index，length）：
index：表示起始位置
length：表示截取內容長度
！ 截取時包括了起始位置的元素 ！
示例：
function sub3(){
var str = 'javascript';
return str.substr(0,4);
}
console.log(sub3()); //返回值為‘java'
function sub4(){
var str = 'javascript';
return str.substr(1,4);
}
console.log(sub4()); //返回值為‘avas'
總結：substr截取時，包括起始位置，兩個參數(shù)分別為起始位置和截取長度
！注意區(qū)分，合理利用！
以上這篇基于substring()和substr()的使用以及區(qū)別(實例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單九宮格抽獎，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了JS使用正則表達式除去字符串中重復字符的方法,以一個簡單實例分析了JavaScript中正則過濾的相關使用技巧,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了JavaScript運行機制,結合實例形式分析JavaScript運行機制相關原理、使用方法及操作注意事項,需要的朋友可以參考下2020-04-04
本文通過2個實例，對比分析了在js和c#中使用正則表達式匹配a標簽的異同，小伙伴們自己參考下吧，有利于深刻理解正則表達式的使用。2014-11-11
這篇文章主要介紹了JS中call和apply函數(shù)用法,結合實例形式較為詳細的分析了call和apply函數(shù)繼承功能的使用方法、區(qū)別及操作注意事項,需要的朋友可以參考下2018-06-06
bootstrap可編輯下拉框jquery.editable-select
這篇文章主要介紹了bootstrap可編輯下拉框jquery.editable-select的相關資料，需要的朋友可以參考下2017-10-10
本文給大家分享了javascript基礎知識，包括數(shù)組的方法，函數(shù)的方法，數(shù)字的方法，對象的方法，字符串的方法，常規(guī)方法，正則表達式方法，本文介紹的非常詳細，具有參考價值特此分享供大家參考2016-01-01
網頁自動跳轉代碼收集2009-09-09
input輸入框顯示的時候，需要自動獲取焦點，用focus可以輕松搞定，但在火狐下input無法獲取焦點，下面與大家分享下不錯的解決方法2014-06-06
最近的一個項目中在保存表單數(shù)據(jù)時，要用到一個動態(tài)添加行的功能。平時動態(tài)添加行只是在表格的最下面添加，現(xiàn)在在表格中間動態(tài)添加行，而且表格內部是包含并且單元格的，其實很簡單，下面貼出代碼。2010-06-06