JavaScript截取指定字元前面的內容技巧詳解

JavaScript的substr()方法是當前字元串對象中從指定位置開始截取指定長度的子字元串，並將其返回。該方法屬於字元串操作方法之一，其語法格式為：

str.substr(start[,length])

其中start參數表示要截取的子字元串的起始位置，必須為數值型，但可為負數，如果為負數，表示從字元串的尾部開始往前計數；length參數表示要截取的子字元串的長度，也必須為數值型，但可省略，如果省略，則該方法會截取從start參數請求到原字元串末尾的所有字元。

例如，以下代碼可以截取字元串str中，從第0個位置到第4個位置（不包括第4個位置）的字元：

var str ="Hello World!";
console.log(str.substr(0,4));   //Hello

JavaScript的split()方法是字元串方法之一，可以將字元串分割成一段段獨立的字元串，並返回由這些子串組成的數組。該方法語法格式如下：

str.split(separator[,limit])

其中，separator參數是字元串或正則表達式，用於指定分隔符，該分隔符出現在字元串中，就意味著字元串將在該分隔符處被切割；limit參數表示返回的數組中最多包含的元素個數，可省略。若省略該參數，數組將包含所有被切割出來的元素。

例如，在以下代碼中，將字元串str以英文逗號為分隔符進行分割，取最後一項，即可得到「apple」：

var str = "banana,orange,apple,pear";
var arr = str.split(",");
console.log(arr[arr.length-1]);  //apple

正則表達式是用於描述字元串的模式，可用於匹配、搜索、替換等字元串操作中。JavaScript中的正則表達式的基本語法包括兩部分：模式和標記，格式為：/模式/標記。其中，模式部分用於匹配字元串，標記表示匹配模式的屬性。

例如：

var reg = /apple/;
var str = "I like apple";
console.log(reg.test(str));   //true

上述代碼中，正則表達式/reg/用於匹配字元串中是否含有「apple」單詞，輸出結果為true，即表示匹配成功。

接下來，我們使用正則表達式的方式來獲取字元串中指定字元前面的內容。例如，在下面的代碼中，通過正則表達式獲取字元串str中「World」之前的部分，即可得到「Hello 」：

var str ="Hello World!";
var reg = /.*(?=World)/;
console.log(str.match(reg));  //Hello

JavaScript中的slice()方法用於從原字元串中獲得指定的子字元串。其語法格式如下：

str.slice(beginSlice[,endSlice])

其中，beginSlice參數表示要返回的子字元串的起始位置，必須為數值型。如果為負數，則表示從字元串的末端開始往前計數；endSlice參數表示要返回的子字元串的結束位置（不包括此位置的字元），可省略。如果省略該參數，該方法將返回從beginSlice到字元串末尾的所有字元。

通過slice()和indexOf()兩個方法的結合使用，可以獲取字元串中指定字元前面的內容。例如，在下面的代碼中，將字元串str按照空格進行分割，並取其最後一項，再用indexOf()方法獲取「World」字元串的位置，最後使用slice()方法獲取「Hello」字元串：

var str ="Hello World!";
var arr = str.split(" ");
var index = str.indexOf("World");
console.log(str.slice(0,index));   //Hello

JavaScript中的replace()方法可以將字元串中的某一部分替換成另一部分，其基本語法格式如下：

str.replace(regexp|substr,newSubStr|function)

其中，regexp參數可以是字元串或正則表達式，表示需要被替換掉的字元串或模式；newSubStr參數為將要替換對應模式字元串的新模式，也可以是函數，表示當查找到匹配的字元串所用的回調函數。

通過採用正則表達式和replace()方法的結合使用，可以獲取字元串中指定字元前面的內容。例如，在下面的代碼中，通過正則表達式獲取字元串str中「world」之前的部分，即可得到「Hello 」：

var str ="Hello world!";
var reg = /(.*)\bworld/;
console.log(str.replace(reg,"$1"));   //Hello

本文介紹了幾種獲取字元串中指定字元前面的內容的方法。substr()方法適用於簡單的字元串截取，split()方法適用於字元串分割，正則表達式匹配適用於複雜模式匹配，slice()方法結合indexOf()方法適用於指定字元定位，而replace()方法結合正則表達式適用於更靈活的匹配替換操作。

開發者們可根據具體需求選擇適合自己的方法，提高代碼效率，提升用戶體驗。

原創文章，作者：YIAL，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/145213.html