JavaScript 截取字符串代碼實(shí)例
這篇文章主要介紹了JavaScript 截取字符串代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
代碼如下
<script>
$(document).ready(function () {
//下標(biāo)從0開始
let str = '123456789';
//使用一個(gè)參數(shù)
console.log(str.slice(3)) //從第4個(gè)字符開始,截取到最后個(gè)字符;返回"456789"
console.log(str.substring(3)) //從第4個(gè)字符開始,截取到最后個(gè)字符;返回"456789"
//使用兩個(gè)參數(shù)
console.log(str.slice(1, 5)) //從第2個(gè)字符開始,到第5個(gè)字符;返回"2345"
console.log(str.substring(1, 5)) //從第2個(gè)字符開始,到第5個(gè)字符;返回"2345"
//如果只用一個(gè)參數(shù)并且為0的話,那么返回整個(gè)參數(shù)
console.log(str.slice(0))
console.log(str.substring(0))
//返回第一個(gè)字符
console.log(str.slice(0, 1)) //1
console.log(str.substring(0, 1)) //1
//在上面的例子中我們可以看出slice()和substring()的用法是相同的
//返回的值也是一樣的,但當(dāng)參數(shù)為負(fù)數(shù)時(shí),他們的返回值卻不一樣,看下面的例子
console.log(str.slice(2, -5)) // 34
console.log(str.substring(2, -5)) // 12
//從上面兩個(gè)例子可以看出slice(2,-5)實(shí)際上是slice(2,4)
//負(fù)5加上字符串長度9轉(zhuǎn)換成正4(若第一位數(shù)字等于或大于第二位數(shù)字,則返回空字符串);
//而substring(2,-5)實(shí)際上是substring(2,0),負(fù)數(shù)轉(zhuǎn)換為0,substring總是把較小的數(shù)作為起始位置。
//substring和substr的區(qū)別
//相同點(diǎn):如果只是寫一個(gè)參數(shù),兩者的作用都一樣:都是是截取字符串從當(dāng)前下標(biāo)以后直到字符串最后的字符串片段。
let str2 = '123456789';
console.log(str2.substr(2)); // "3456789"
console.log(str2.substring(2)); // "3456789"
//不同點(diǎn):第二個(gè)參數(shù)
//substr(startIndex,lenth): 第二個(gè)參數(shù)是截取字符串的長度(從起始點(diǎn)截取某個(gè)長度的字符串);
//substring(startIndex, endIndex): 第二個(gè)參數(shù)是截取字符串最終的下標(biāo) (截取2個(gè)位置之間的字符串,‘含頭不含尾')。
console.log("123456789".substr(2, 5)); // "34567" 從下標(biāo)2開始,截取5個(gè)
console.log("123456789".substring(2, 5)); // "345" 從下標(biāo)2開始,截取到下標(biāo)為5的長度
//總結(jié):String.substr(startIndex,lenth) 這個(gè)是我們常用的從指定的位置(startIndex)截取指定長度(lenth)的字符串;
//String.substring(startIndex, endIndex) 這個(gè)是startIndex,endIndex里找出一個(gè)較小的值,然后從字符串的開始位置算起,截取較小值位置和較大值位置之間的字符串,截取出來的字符串的長度為較大值與較小值之間的差。
// 函數(shù):split()
//功能:使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組
let str3 = '1,2,3,4,5,6';
let arr = str3.split(',');
console.log(arr); //["1", "2", "3", "4", "5", "6"]
// 函數(shù):John()
// 功能:使用您選擇的分隔符將一個(gè)數(shù)組合并為一個(gè)字符串
let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png');
let portableList = myList.join('|');
console.log(portableList); //jpg|bmp|gif|ico|png
})
</script>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JS截取字符串的三種方法詳解
- JavaScript常用截取字符串的三種方式用法區(qū)別實(shí)例解析
- JS基于正則截取替換特定字符之間字符串操作示例
- JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法
- JS使用正則截取兩個(gè)字符串之間的字符串實(shí)現(xiàn)方法詳解
- js字符串截取函數(shù)slice、substring和substr的比較
- JavaScript截取、切割字符串的技巧
- JS截取與分割字符串常用技巧總結(jié)
- JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
- JS截取字符串常用方法詳細(xì)整理
- js substring()字符串截取函數(shù)
- JavaScript substr() 字符串截取函數(shù)使用詳解
- JS 截取字符串substr 和 substring方法的區(qū)別
- JS截取字符串的方法詳解
相關(guān)文章
JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁面中
今天做個(gè)項(xiàng)目,需要在當(dāng)前的html頁面中引用一個(gè)遠(yuǎn)程的html頁面,百度了一下,發(fā)現(xiàn)一個(gè)非常好用的代碼,這里分享給大家,有相同需求的小伙伴可以來看看2017-03-03
JavaScript遍歷table表格中的某行某列并打印其值
這篇文章主要介紹了JavaScript遍歷table表格中的某行某列并打印其值,需要的朋友可以參考下2014-07-07
深入剖析JavaScript中的函數(shù)currying柯里化
下面小編就為大家?guī)硪黄钊肫饰鯦avaScript中的函數(shù)currying柯里化。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-04-04
擴(kuò)展JS Date對象時(shí)間格式化功能的小例子
這篇文章主要介紹了擴(kuò)展JS Date對象時(shí)間格式化功能,有需要的朋友可以參考一下2013-12-12
詳解JavaScript如何實(shí)現(xiàn)異步并發(fā)任務(wù)控制器
實(shí)現(xiàn)一個(gè)控制并發(fā)數(shù)的任務(wù)隊(duì)列?、實(shí)現(xiàn)一個(gè)異步并發(fā)任務(wù)控制器,這已經(jīng)是非常經(jīng)典的手寫題目了,因?yàn)槠渲猩婕?異步?和?并發(fā)?的內(nèi)容,所以本文就來講講到底如何實(shí)現(xiàn)呢2023-05-05
JavaScript?進(jìn)階問題列表(各種js代碼段108-155)
從基礎(chǔ)到進(jìn)階,測試你有多了解?JavaScript,刷新你的知識(shí),或者幫助你的?coding?面試!?:muscle:?:rocket:?我每周都會(huì)在這個(gè)倉庫下更新新的問題2024-11-11

