首頁 > web前端 > js教程 > 主體

js和es6中常用的字串方法總結(收藏)

php是最好的语言
發布: 2018-07-27 14:47:47
原創
5178 人瀏覽過

js和es6常用的字串,例:slice(start,end) -> 截取字串,用法:slice的用法和substring的用法基本上一樣,只是差別在於:1.slice(start,end ) -> start是不能大於end的,否則返回空字串;
2.slice可以接受參數是負數,如果是負數的話,規則將按照:字串的長度和賦值相加,替換掉這個值

1.substring(start,end) -> 截取字串

#用法:

1.substring(start,end) -> 用數學表達式表達區間的話就是截取[start,end);
2.substring(start,end),end > start -> 和上面結果一樣,會自動進行掉換,但是start和end必須要都為正數。如果start和end都為空回傳原始字串(沒意義)
3.substring(start) -> 沒有end相當於[start,最後一個字元]

let str = 'Hello world';
let use1 = str.substring(0, 3);
console.log(use1); // Hel
let use2 = str.substring(3,0);
console.log(use2); // hel
let use3 = str.substring(2);
console.log(use3); // llo world
登入後複製

2. slice(start,end) -> 截取字串

用法:

slice的用法和substring的用法基本上一樣,只是差別在於:##1.slice( start,end) -> start是不能大於end的,否則回傳空字串;
2.slice可以接受參數是負數,如果是負數的話,規則將按照:字串的長度和賦值相加,替換掉這個值。舉例如下:

let str = 'abcdefg' // length = 7
str.slice(1,-4) // bc  -> str.slice(1,7-4) -> str.slice(1,3)
登入後複製
3.substr(start,length) -> 截取指定位置和指定長度的字串

用法:

1.substr(start,length) -> 截取的字串區間為:[start,start length)->

從start開始,算上start數length個字串;2 .substr(start) -> 截取的字串區間為:[start,最後一個字元]

  let str = 'Hello world';
  console.log(str.substr(1,2)) // el
  console.log(str.substr(3)) // lo world
登入後複製
4.split()

5.indexOf(char,index ) 和lastIndexOf(char,index)

1.char:是你要找的那個字符,index:是從哪個字符的位置序號開始找(沒有則在indexOf中是最左邊的字符,在lastIndexOf中是最右邊的字元);
2.indexOf是從左往右搜索,而lastIndexOf是從右往左搜尋;
3.它們的回傳值都是搜到char所在的位置序號,如果沒搜到,則回傳-1
  let str = 'good';
  console.log(str.indexOf('o')); // 1
  console.log(str.lastIndexOf('o')); // 2
登入後複製
6.charAt(index) 和charCodeAt(index) 和at(index) (es6屬性)

charAt(index)傳回index位置的字符,charCodeAt(index)傳回index位置的字符Unicode碼
charAt(index)不能辨識大於0xFFFF的字符,這時候可以用at()來辨識
  var str = 'abc'
  str.charAt(0) // a
  str.charCodeAt(0) // 97
登入後複製
相關文章:

ES6的字串模板詳解

分析ES6中多行字串與連接字串的表示方法與相關操作技巧

相關影片:

Javascript - ES6實戰影片課程-免費線上影片教學#

以上是js和es6中常用的字串方法總結(收藏)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板