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-hk/n/145213.html