JavaScript常用的字串處理方法

Erina發表於2019-12-10
JavaScript字串

介紹

本文主要介紹JS的字串函式, 如下圖所示。另外，字串還有三個性質constructor、length和prototype。

JavaScript常用的字串處理方法

1. charAt和charCodeAt

charAt(x)： 返回字串中x位置的字元，下標從 0 開始。

charCodeAt(x)： 返回字串中x位置處字元的unicode值。

2. fromCharcode

fromCharcode(c1,c2)： 轉換一組Unicode值轉換為字元。

console.log(String.fromCharCode(85,67,108,111,117,100))
//output: UCloud
複製程式碼

3. concat

concat(v1,v2..) 轉換一組Unicode值轉換為字元。

4. indexOf和lastIndexOf

indexOf(substr, [start])： indexOf方法搜尋並(如果找到)返回字串中搜尋到的字元或子字串的索引。如果沒有找到，則返回-1。Start是一個可選引數，指定字串中開始搜尋的位置，預設值為0。

lastIndexOf(substr, [start])： lastIndexOf() 方法返回指定文字在字串中最後一次出現的索引, 如果未找到，則返回-1。“Start”是一個可選引數，指定字串中開始搜尋的位置, 預設值為string.length-1。

5. match、replace和search

match(regexp）： 根據正規表示式在字串中搜尋匹配項。如果沒有找到匹配項，則返回一個資訊陣列或null。

var intRegex = /[0-9 -()+]+$/;
var myNumber = '999';
var isInt = myNumber.match(intRegex);
console.log(isInt);
//output: 999
 
var myString = '999 JS Coders';
var isInt = myString.match(intRegex);
console.log(isInt);
//output: null
複製程式碼

replace(regexp/substr, replacetext)： 用於在字串中用一些字元替換另一些字元，或替換一個與正規表示式匹配的子串。

var myString = 'erina JavaScript Coders';
console.log(myString.replace(/JavaScript/i, "java"));
//output: erina java Coders
 
var myString = 'erina JavaScript Coders';
console.log(myString.replace(new RegExp( "erina", "gi" ), "The"));
//output: The JavaScript Coders
console.log(myString.replace(new RegExp(/erina/gi ), "bingbing"));
//output: bingbing JavaScript Coders
複製程式碼

search(regexp)： 用於檢索字串中指定的子字串，或檢索與正規表示式相匹配的子字串，如果找到，返回與 regexp 相匹配的子串的起始位置，否則返回 -1。

var intRegex = /[0-9 -()+]+$/;
 
var myNumber = '999';
var isInt = myNumber.search(intRegex);
console.log(isInt);
//output: 0
複製程式碼

6. slice、split、substr和substring

方法 描述 返回值
slice(start, end) start(必需) -起始位置；end(可選)-結束位置，若未指定，則預設到末尾所有元素 返回 [start,end)之間的元素
substring(start, end) start(必需) -起始位置；end(可選)-結束位置，若未指定，則預設到末尾所有元素 返回 [start,end)之間的元素
substr(start, length) start(必需)-起始位置；length(可選)-所擷取的元素的個數，若未指定，則預設到末尾 返回[start, start+length)之間的元素

當傳的引數都為正數的時候，substring和substr沒有區別。當引數為負數時，三個函式的行為不盡相同。
slice() - 將傳入的負引數與字串長度相加；
substring() - 把所有的負值置為0；
substr() - 將負的第一個引數與字串長度相加，負的第二個引數置為0。

引數為正數

var str = 'hello world';
console.log(str.slice(3)); // lo world
console.log(str.substring(3));// lo world
console.log(str.substr(3));// lo world

console.log(str.slice(3, 7)); // lo w
console.log(str.substring(3, 7)); // lo w
console.log(str.substr(3, 7));//lo worl
複製程式碼

引數為負數

var str = 'hello world';
console.log(str.slice(-3)); // rld
console.log(str.substring(-3));// hello world
console.log(str.substr(-3));// rld

console.log(str.slice(3, -4)); // lo w
console.log(str.substring(3, -4)); // hel
console.log(str.substr(3, -4));// ""(空字串)
複製程式碼

以上例項的計算過程如下
slice(-3) => slice(8)
substring(-3) => substring(0)
substr(-3) => substr(8)
slice(3, -4) => slice(3, 7)
substring(3, -4) => substring(3, 0) =>substring(0, 3)
substr(3, -4) => substr(3, 0)

7. toLowerCase、toLocaleLowerCase、toUpperCase和toLocaleUpperCase

toLowerCase()和toUpperCase()是兩個經典的方法，分別把字串轉為小寫和大寫。 而toLocaleLowerCase()和toLocaleUpperCase()方法則是針對特定地區的實現。
對有些地區來說，針對地區的方法與其通用方法得到的結果相同，但少數語言(如土耳其語言)會為Unicode大小寫轉換應用特殊的規則，這時候就必須使用針對地區的方法來保證實現正確的轉換。

8. includes

includes()： 方法用於檢查字串是否包含指定的字串或字元。

var mystring = "Hello, welcome to shanghai";
var n = mystring.includes("shanghai");
//output: True
複製程式碼

9. startsWith和endsWith

startsWith（）和endsWith（）函式分別檢查字串是否以指定的字串或字元開始或者結束。

var mystr = "List of javascript functions";
var isEnd = mystr.endsWith("functions");
//output: True
var isStart = mystr.startsWith("List");
// output: True
複製程式碼

10. repeat

repeat() ： 構造並返回一個新字串，該字串包含被連線在一起的指定數量的字串的副本。

var string = "Welcome to Qindao";
string.repeat(2);
//output: Welcome to Qindao Welcome to Qindao
複製程式碼

11. toString和valueOf

valueOf() ： 方法返回一個String物件的原始值（primitive value），該值等同於String.prototype.toString()。
toString()和valueOf()的主要不同點在於，toString()返回的是字串，而valueOf()返回的是原物件

12. trim

trim(): 方法會從一個字串的兩端刪除空白字元。在這個上下文中的空白字元是所有的空白字元 (space, tab, no-break space 等) 以及所有行終止符字元（如 LF，CR）

var str = "     Hello Erina!     ";
str.trim();
output: Hello Erina!
複製程式碼

相關文章