這篇文章主要介紹了JavaScript 截取字符串代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
代碼如下
<script> $(document).ready(function () { //下標從0開始 let str = '123456789'; //使用一個參數(shù) console.log(str.slice(3)) //從第4個字符開始,截取到最后個字符;返回"456789" console.log(str.substring(3)) //從第4個字符開始,截取到最后個字符;返回"456789" //使用兩個參數(shù) console.log(str.slice(1, 5)) //從第2個字符開始,到第5個字符;返回"2345" console.log(str.substring(1, 5)) //從第2個字符開始,到第5個字符;返回"2345" //如果只用一個參數(shù)并且為0的話,那么返回整個參數(shù) console.log(str.slice(0)) console.log(str.substring(0)) //返回第一個字符 console.log(str.slice(0, 1)) //1 console.log(str.substring(0, 1)) //1 //在上面的例子中我們可以看出slice()和substring()的用法是相同的 //返回的值也是一樣的,但當參數(shù)為負數(shù)時,他們的返回值卻不一樣,看下面的例子 console.log(str.slice(2, -5)) // 34 console.log(str.substring(2, -5)) // 12 //從上面兩個例子可以看出slice(2,-5)實際上是slice(2,4) //負5加上字符串長度9轉換成正4(若第一位數(shù)字等于或大于第二位數(shù)字,則返回空字符串); //而substring(2,-5)實際上是substring(2,0),負數(shù)轉換為0,substring總是把較小的數(shù)作為起始位置。 //substring和substr的區(qū)別 //相同點:如果只是寫一個參數(shù),兩者的作用都一樣:都是是截取字符串從當前下標以后直到字符串最后的字符串片段。 let str2 = '123456789'; console.log(str2.substr(2)); // "3456789" console.log(str2.substring(2)); // "3456789" //不同點:第二個參數(shù) //substr(startIndex,lenth): 第二個參數(shù)是截取字符串的長度(從起始點截取某個長度的字符串); //substring(startIndex, endIndex): 第二個參數(shù)是截取字符串最終的下標 (截取2個位置之間的字符串,‘含頭不含尾')。 console.log("123456789".substr(2, 5)); // "34567" 從下標2開始,截取5個 console.log("123456789".substring(2, 5)); // "345" 從下標2開始,截取到下標為5的長度 //總結:String.substr(startIndex,lenth) 這個是我們常用的從指定的位置(startIndex)截取指定長度(lenth)的字符串; //String.substring(startIndex, endIndex) 這個是startIndex,endIndex里找出一個較小的值,然后從字符串的開始位置算起,截取較小值位置和較大值位置之間的字符串,截取出來的字符串的長度為較大值與較小值之間的差。 // 函數(shù):split() //功能:使用一個指定的分隔符把一個字符串分割存儲到數(shù)組 let str3 = '1,2,3,4,5,6'; let arr = str3.split(','); console.log(arr); //["1", "2", "3", "4", "5", "6"] // 函數(shù):John() // 功能:使用您選擇的分隔符將一個數(shù)組合并為一個字符串 let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png'); let portableList = myList.join('|'); console.log(portableList); //jpg|bmp|gif|ico|png }) </script>
新聞名稱:JavaScript截取字符串代碼實例-創(chuàng)新互聯(lián)
分享鏈接:http://jinyejixie.com/article40/dijoho.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、微信小程序、App設計、移動網(wǎng)站建設、面包屑導航、手機網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容