本文翻譯自 13 Most Common JavaScript String Methods You Should Know About，作者：Shefali， 略有刪改。Col28資訊網(wǎng)——每日最新資訊28at.com

在JavaScript中提供了一組豐富的方法來操作和處理字符串。在這篇文章中，我將向您介紹13個(gè)最常用的JavaScript字符串方法及其功能。Col28資訊網(wǎng)——每日最新資訊28at.com

String length

如果你想找到一個(gè)字符串中的字符數(shù)，那么你可以使用length屬性。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const lengthOfStr = str.length;console.log(lengthOfStr); // Output: 17

這也計(jì)算了空格的長度。Col28資訊網(wǎng)——每日最新資訊28at.com

String toUpperCase()

如果你想把一個(gè)字符串轉(zhuǎn)換成大寫字符串，那么你可以使用toUpperCase()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const uppercaseStr = str.toUpperCase();console.log(uppercaseStr); // Output: THIS IS A STRING.

String toLowerCase()

如果你想把一個(gè)字符串轉(zhuǎn)換成小寫字符串，那么你可以使用toLowerCase()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This Is a String.";const lowercaseStr = str.toLowerCase();console.log(lowercaseStr); // Output: this is a string.

String indexOf()

如果你想在一個(gè)字符串中找到一個(gè)子字符的第一次出現(xiàn)位置，那么你可以使用indexOf()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a js string and js string is nice.";const indexOfJs = str.indexOf("js");console.log(indexOfJs); // Output: 10

String lastIndexOf()

如果你想在一個(gè)字符串中找到一個(gè)子字符的最后一次出現(xiàn)，那么你可以使用lastIndexOf()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a js string and js string is nice.";const lastIndexOfJs = str.lastIndexOf("js");console.log(lastIndexOfJs); // Output: 24

String slice()

如果你想提取字符串的一部分，那么你可以使用slice()方法。這將以新字符串的形式返回提取的部分。Col28資訊網(wǎng)——每日最新資訊28at.com

語法：Col28資訊網(wǎng)——每日最新資訊28at.com

string.slice(start position, end position);

將不包括結(jié)束位置。Col28資訊網(wǎng)——每日最新資訊28at.com

//Example:1const str1 = "This is a string.";const slicedStr1 = str1.slice(0, 7);console.log(slicedStr1); // Output: This is//Example:2const str2 = "This is a string.";const slicedStr2 = str2.slice(3, 9);console.log(slicedStr2); // Output: s is a

如果你沒有指定結(jié)束位置，那么這將切出字符串的其余部分。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const slicedStr = str.slice(5);console.log(slicedStr); // Output: is a string.

也可以給予參數(shù)為負(fù)數(shù)。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const slicedStr = str.slice(-3, -1);console.log(slicedStr); // Output: ng

簡單一點(diǎn)你可以這樣理解負(fù)數(shù)為參考的情況：Col28資訊網(wǎng)——每日最新資訊28at.com

str.slice(-3, -1);str.slice(str.length-3, str.length-1);str.slice(17-3, 17-1);str.slice(14, 16);

String substring()

substring()方法類似于slice()方法，但不同的是，如果你給它負(fù)參數(shù)，那么它們將被視為0。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const slicedStr = str.substring(-3, 5);console.log(slicedStr); // Output: This

String substr()

substr()方法類似于slice()方法，但不同之處在于end參數(shù)是要提取的字符的長度。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";// 這里代表從索引11開始提取4個(gè)字符const slicedStr = str.substr(11, 4); console.log(slicedStr); // Output: trin

String charAt()

如果你想在一個(gè)字符串中獲得一個(gè)指定索引的字符，那么你可以使用charAt()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "This is a string.";const character = str.charAt(13);console.log(character); // Output: i

String concat()

如果你想連接兩個(gè)或多個(gè)字符串，那么你可以使用concat()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const firstName = "John";const lastName = "Doe";const fullName = firstName.concat(" ", lastName);console.log(fullName); // Output: John Doe

String trim()

您可以使用trim()方法從字符串的兩端刪除空格字符。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "    This is a string.    ";const trimmedStr = str.trim();console.log(trimmedStr); // Output: This is a string.

String replace()

如果你想用另一個(gè)字符串替換一個(gè)指定的子字符串，那么你可以使用replace()方法。Col28資訊網(wǎng)——每日最新資訊28at.com

const str = "JavaScript is amazing!";const replacedStr = str.replace("amazing", "awesome");console.log(replacedStr); // Output: JavaScript is awesome!

String split()

你可以使用split()方法將字符串轉(zhuǎn)換為數(shù)組。Col28資訊網(wǎng)——每日最新資訊28at.com

const str1 = "JavaScript is amazing!";const arr1 = str1.split();console.log(arr1); // Output: ['JavaScript is amazing!']//Example:2const str2 = "JavaScript is amazing!";const arr2 = str2.split(" ");console.log(arr2); // Output: ['JavaScript', 'is', 'amazing!']

Col28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接：http://www.tebozhan.com/showinfo-26-38116-0.html你應(yīng)該知道的13個(gè)最常見的JavaScript字符串方法

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： 一篇搞懂 toString()函數(shù)與valueOf()函數(shù)，

下一篇： JS小技巧，如何去重對(duì)象數(shù)組？