1. 程式人生 > >javascript 字符串方法大全

javascript 字符串方法大全

bae app selected aac 數組 color clas contain ace

javascript 對字符串的常用操作方法大全:

有如下幾種方法(若有缺漏,望各位大神能幫我補充哈 ^ ^):

  1. chatAt()
  2. charCodeAt()
  3. fromCharCode()
  4. indexOf()
  5. lastIndexOf()
  6. concat()
  7. match()
  8. replace()
  9. search()
  10. slice()
  11. split()
  12. substr()
  13. substring()
  14. toUpperCase()
  15. toLowerCase()

1、charAt() --- 創建副本 返回字符串中指定位置的字符

1 let str = ‘dengZiYao‘;
2 
3 str.charAt(param) 
4 // charAt()接受一個number類型的必須參數 5 // 當 charAt() 的 參數為空 或者 為 NaN 時 將返回字符串中的第一個字符 6 7 console.log(str.charAt(3)) // g 8 console.log(str.charAt()) // d 9 console.log(str.charAt(NaN)) // d

技術分享圖片

2、charCodeAt() --- 創建副本 返回字符串中指定位置字符的 Unicode 編碼

1  1 str.charCodeAt(3) // 103 
技術分享圖片

3、fromCharCode --- 創建副本 接受一個指定的 Unicode 值,然後返回一個字符串

1  1 String.fromCharCode(unicode1,unicode2,...,nuicodeX) 2 3 // 該方法是 String 的靜態方法,語法應該是 String.fromCharCode()。 
技術分享圖片

4、indexOf --- 返回字符串中某個字符 首次出現 的位置

 1 // 語法 stringObject.indexOf(searchvalue,fromindex) 
 2 // searchvalue 為要檢索的字符(必須參數)
 3 // fromindex 定義從字符串哪個位置開始檢索字符(被必須參數)
 4 
 5 //若檢測一個不存在的字符  則返回 -1
 6
7 let str = ‘dengZiYao dengZiYao‘; 8 console.log(str.indexOf(g)) // 3 9 console.log(str.indexOf(b)) // -1 10 11 // indexOf() 在 字符串 和 數組 中都是適用的

技術分享圖片

5、lastIndexOf() ---- 返回字符串中某個字符 最後出現 的位置 該方法從字符串後面開始檢索起 也就是從後面開始檢索字符首次出現的位置 和 indexOf 相反

 1 // 語法 stringObject.lastIndexOf(searchvalue,fromindex) 
 2 // searchvalue 為要檢索的字符(必須參數)
 3 // fromindex 定義從字符串哪個位置開始檢索字符(被必須參數)
 4 
 5 //若檢測一個不存在的字符  則返回 -1
 6 
 7 let str = ‘dengZiYao dengZiYao‘;
 8 console.log(str.lastIndexOf(g))   // 5
 9 console.log(str.lastIndexOf(b))   // -1
10 
11 // lastIndexOf()  在 字符串 和 數組 中都是適用的

技術分享圖片

6、concat() ---- 拼接字符串 / 組合字符串 在字符串末尾處追加字符串

1 let str = ‘dengZiYao‘;
2 
3 console.log(str.concat(‘ab‘)  // dengZiYaoab
4 console.log(str.concat(‘ab‘,‘cd‘))  // dengZiYaoabcd

技術分享圖片

7、match() --- 在字符串內檢索指定的值,找到一個或多個正則表達式的匹配的字符。匹配不到返回Null

1 // 語法 
2 string.match(regexp) // regexp是一個正則表達式 不區分大小寫  其返回值是一個數組Array
3 
4 console.log(str2.match(/zi/g));  //  ["zi", "zi", "zi", "zi"]

8、replace() --- 在字符串中用 某種字符去替換指定的字符 或者 用正則表達式去替換某些字符

1 // 語法
2 stringObject.replace(regexp/substr,replacement)
3 
4 // regexp/substr 要在字符串中匹配的字符(必須參數)
5 // replacement 字符串要替換的值(必須參數)
6 
7 let str = ‘dengZiYao dengZiYao‘;
8 
9 console.log(str.replace(/Yao/g, ‘yao‘))  // dengZiyao dengZiyao

9、search() --- 用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。無匹配返回-1

1 str.search(regexp/substr)  
2 //返回值:str中第一個與正則或字符串相匹配的子串的起始位置。
技術分享圖片

10、slice() --- 創建副本 用於截取字符串指定位置的字符 接收兩個參數 slice(start,end) 字符串開始位置的索引號 和 字符串結束位置的索引號

參數可以為正負數

1 let str = ‘dengZiYao‘;
2 
3 console.log(str)  // dengZiYao
4 console.log(str.slice(3))  // ZiYao
5 console.log(str.slice(0,4))  // deng  數學中的表達式為: [0,4) 
6 console.log(str.slice(-5))  // ZiYao  從後面開始截取起  不包括倒數第5個字符
7 
8 console.log(str.slice(-4,-2))  // iY  數學中的表達式為:(-4,-2]
9 //也可以這麽理解:兩個參數都是負數,所以都加上字符串長度9轉換成正數,因此相當於slice(5,7) // iY
技術分享圖片

11、split() --- 把字符串從某個字符位置分割成字符串數組

 1 split(separator,limt) // 接收兩個參數   
 2 // separator 字符串或正則表達式,從該參數指定的地方分割 string Object (非必需參數)
 3 // limt  定義返回的數組的最大長度(非必需參數)
 4 
 5 
 6 let str = ‘deng-Zi-Yao‘;
 7 
 8 console.log(str.split(‘-‘))  // [‘dneg‘,‘zi‘,‘yao‘]
 9 console.log(str.split())  // [‘dnegziyao‘]
10 console.log(str.split(‘-‘,2))  // [‘dneg‘,‘zi‘]
技術分享圖片

12、substr() --- 從字符串中抽取從 start 下標開始的指定數目的字符

13、substring() --- 用於提取字符串中介於兩個指定下標之間的字符。

14、toUpperCase() / toLowerCase() 用於字符串轉換大小寫

javascript 字符串方法大全