7個(gè)前端開發(fā)人員必須知道的JavaScript字符串方法

起始索引(要從其開始的字符索引)。
結(jié)束索引(要結(jié)束的字符的索引)。
const str = "JavaScript is Awesome";str.slice(0, 10); //returns "JavaScript"
在上面的例子中,我們使用了 slice 方法,并傳遞了兩個(gè)參數(shù)來將字符串的一部分從指定的索引提取到另一個(gè)。
如果需要,你也可以只傳遞一個(gè)參數(shù)。結(jié)果,它將從該索引參數(shù)中提取字符串,直到該字符串的最后一個(gè)索引。
下面是一個(gè)例子:
const str = "JavaScript is Awesome";str.slice(14); //returns "Awesome"str.slice(-7); //returns "Awesome"
如你所見,如果需要,你還可以傳遞負(fù)數(shù),該方法將從字符串的末尾開始提取到開頭。
2、concat()方法
concat() 方法允許將字符串連接和組合在一起。這就像使用一元運(yùn)算符 + 進(jìn)行字符串連接。
下面是一個(gè)例子:
const tool = "JavaScript";tool.concat(" is Awesome."); //returns "JavaScript is Awesome."tool.concat(" Hello", " World"); //returns "JavaScript Hello World"
如你所見,該方法返回一個(gè)新的連接字符串,如果需要,你可以將多個(gè)字符串傳遞給它。
3、split() 方法
JavaScript 中的 split() 方法允許我們將字符串拆分為數(shù)組。 它使我們能夠在 JavaScript 中將字符串轉(zhuǎn)換為數(shù)組。
下面是一個(gè)例子:
const str = "JavaScript is Awesome";//convert to an array of single characters.str.split("");// returns ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t", " ", "i", "s", " ", "A", "w", "e", "s", "o", "m", "e"]//convert to an array of words.str.split(" "); //returns ["JavaScript", "is", "Awesome"]//get the first two words inside an array.str.split(" ", 2); //returns ["JavaScript", "is"]
如你所見,該方法最多可以接受兩個(gè)參數(shù),允許你按照自己的方式將字符串拆分為數(shù)組。
4、 includes() 方法
includes() 方法檢查字符串是否包含作為方法參數(shù)傳遞的另一個(gè)特定字符串。 如果是,則返回 true 。 否則,它返回 false 。
這是示例:
const str = "JavaScript is Awesome";str.includes("JavaScript"); //returns truestr.includes("Python"); //returns false
5、charCodeAt() 方法
charCodeAt()方法返回字符串中指定字符的 Unicode 編號(hào)。
你只需將要獲取其 Unicode 的字符的索引作為參數(shù)傳遞給該方法。
下面是一個(gè)例子:
const str = "JavaScript is Awesome";str.charCodeAt(0); //returns 74str.charCodeAt(2); //returns 118
如上所示,該方法返回指定字符的 Unicode 值。 當(dāng)我們將 0 作為參數(shù)傳遞時(shí),它返回字符串中第一個(gè)字母的 Unicode 值,即 Unicode 值為 74 的字母“J”。另一方面,當(dāng)我們將 2 作為參數(shù)傳遞時(shí),它返回 118,因?yàn)樽帜浮皏”的 Unicode 值為 118。
6、fromCharCode()方法
fromCharCode() 方法允許我們將 Unicode 值轉(zhuǎn)換為人類可以閱讀的可讀字符。 由于此方法是 String 對(duì)象的一部分,我們使用關(guān)鍵字 String 訪問它。
下面是一個(gè)例子:
String.fromCharCode(77); //returns "M"String.fromCharCode(65); //returns "A"String.fromCharCode(74, 65, 118, 65); //returns "JAVA"
如果你想使用 JavaScript 將字符串從二進(jìn)制轉(zhuǎn)換為普通文本,則此方法非常有用。
7、replaceAll()方法
replaceAll() 方法是 ES2020 的新方法。 它允許我們將參數(shù)傳遞的另一個(gè)特定字符串替換一個(gè)字符串的多個(gè)實(shí)例。
我們可以使用普通字符串或全局正則表達(dá)式來替換所有實(shí)例。 你甚至可以傳遞一個(gè)函數(shù)來操作所有實(shí)例。
replaceAll()方法接受兩個(gè)參數(shù):
要替換的字符串的實(shí)例。
將替換實(shí)例的字符串(你也可以傳遞普通字符串或函數(shù))。
下面是一個(gè)例子:
const str = "Hello Hello JavaScript";str.replaceAll(/Hello/g, "Hi"); //returns "Hi Hi JavaScript"str.replaceAll("Hello", "Hi"); //returns "Hi Hi JavaScript"str.replaceAll("Hello", (i) => i + " World");//returns "Hello World Hello World JavaScript"
因此,該方法返回一個(gè)包含我們替換的所有新實(shí)例的新字符串。
結(jié)論
如你所見,上述方法在 JavaScript 中處理字符串時(shí)非常有用。 它們真的可以節(jié)省你的時(shí)間并幫助你使用 JavaScript 創(chuàng)建很棒的東西。
感謝你閱讀這篇文章, 希望你覺得它有用。
學(xué)習(xí)更多技能
請(qǐng)點(diǎn)擊下方公眾號(hào)
![]()

