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

JavaScript 截取字符串代碼實例

 更新時間:2019年09月05日 16:53:06   作者:初晨~  
這篇文章主要介紹了JavaScript 截取字符串代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

這篇文章主要介紹了JavaScript 截取字符串代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

代碼如下

<script>
    $(document).ready(function () {
      //下標(biāo)從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()的用法是相同的
      //返回的值也是一樣的,但當(dāng)參數(shù)為負數(shù)時,他們的返回值卻不一樣,看下面的例子
      console.log(str.slice(2, -5)) // 34
      console.log(str.substring(2, -5)) // 12
      //從上面兩個例子可以看出slice(2,-5)實際上是slice(2,4)
      //負5加上字符串長度9轉(zhuǎn)換成正4(若第一位數(shù)字等于或大于第二位數(shù)字,則返回空字符串);
      //而substring(2,-5)實際上是substring(2,0),負數(shù)轉(zhuǎn)換為0,substring總是把較小的數(shù)作為起始位置。
      //substring和substr的區(qū)別
      //相同點:如果只是寫一個參數(shù),兩者的作用都一樣:都是是截取字符串從當(dāng)前下標(biāo)以后直到字符串最后的字符串片段。
      let str2 = '123456789';
      console.log(str2.substr(2)); // "3456789"
      console.log(str2.substring(2)); // "3456789"
      //不同點:第二個參數(shù)
      //substr(startIndex,lenth): 第二個參數(shù)是截取字符串的長度(從起始點截取某個長度的字符串);
      //substring(startIndex, endIndex): 第二個參數(shù)是截取字符串最終的下標(biāo) (截取2個位置之間的字符串,‘含頭不含尾')。
      console.log("123456789".substr(2, 5)); // "34567"  從下標(biāo)2開始,截取5個
      console.log("123456789".substring(2, 5)); // "345" 從下標(biāo)2開始,截取到下標(biāo)為5的長度
      //總結(jié):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>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解Javascript模板引擎mustache.js

    詳解Javascript模板引擎mustache.js

    這篇文章主要為大家介紹了Javascript模板引擎mustache.js,mustache.js是一個簡單強大的Javascript模板引擎,使用它可以簡化在js代碼中的html編寫,壓縮后只有9KB,非常值得在項目中使用,需要的朋友可以參考下
    2016-01-01
  • JS OffsetParent屬性深入解析

    JS OffsetParent屬性深入解析

    本篇文章要是對JS中的OffsetParent屬性進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所 幫助
    2014-01-01
  • mongoose之bulkWrite操作使用實例

    mongoose之bulkWrite操作使用實例

    這篇文章主要為大家介紹了mongoose之bulkWrite操作使用實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • Vue3中使用typescript封裝axios的實例詳解

    Vue3中使用typescript封裝axios的實例詳解

    這篇文章主要介紹了使用typescript封裝axios的實例代碼,為了方便,在vue3的配置里面按需加載element-plus,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2021-10-10
  • 基于JavaScript寫一款EJS模板引擎

    基于JavaScript寫一款EJS模板引擎

    這篇文章主要介紹了基于JavaScript寫一款EJS模板引擎,基本語法就是定義render函數(shù),接收html字符串,和data參數(shù),下面其他具體介紹,需要的朋友可以參考一下
    2022-02-02
  • JavaScript常用變量聲明方式總結(jié)

    JavaScript常用變量聲明方式總結(jié)

    JavaScript中有幾種常用的變量聲明,例如:var、let、直接賦值和const?屬性,本文將為大家詳細介紹一下這四種方式的具體使用,需要的可以參考一下
    2023-06-06
  • 淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)

    淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)

    下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • javascript Canvas動態(tài)粒子連線

    javascript Canvas動態(tài)粒子連線

    這篇文章主要為大家詳細介紹了javascript Canvas動態(tài)粒子連線,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • 寫給小白的JavaScript引擎指南

    寫給小白的JavaScript引擎指南

    有時編寫 Web 應(yīng)用的代碼會感覺充滿魔力,因為我們只是寫了一系列字符,就能在瀏覽器里看到效果了。但是理解魔法背后的技術(shù),可以幫助你更好地提高編程技巧
    2015-12-12
  • 利用函數(shù)的惰性載入提高javascript代碼執(zhí)行效率

    利用函數(shù)的惰性載入提高javascript代碼執(zhí)行效率

    在 addEvent 函數(shù)每次調(diào)用的時候都要走一遍,如果瀏覽器支持其中的一種方法,那么他就會一直支持了,就沒有必要再進行其他分支的檢測了
    2014-05-05

最新評論