自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

你應(yīng)該知道的13個(gè)最常見(jiàn)的JavaScript字符串方法

開(kāi)發(fā) 前端
在JavaScript中提供了一組豐富的方法來(lái)操作和處理字符串。在這篇文章中,我將向您介紹13個(gè)最常用的JavaScript字符串方法及其功能。

本文翻譯自 13 Most Common JavaScript String Methods You Should Know About,作者:Shefali, 略有刪改。

在JavaScript中提供了一組豐富的方法來(lái)操作和處理字符串。在這篇文章中,我將向您介紹13個(gè)最常用的JavaScript字符串方法及其功能。

String length

如果你想找到一個(gè)字符串中的字符數(shù),那么你可以使用length屬性。

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

這也計(jì)算了空格的長(zhǎng)度。

String toUpperCase()

如果你想把一個(gè)字符串轉(zhuǎn)換成大寫(xiě)字符串,那么你可以使用toUpperCase()方法。

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

String toLowerCase()

如果你想把一個(gè)字符串轉(zhuǎn)換成小寫(xiě)字符串,那么你可以使用toLowerCase()方法。

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()方法。

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()方法。

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()方法。這將以新字符串的形式返回提取的部分。

語(yǔ)法:

string.slice(start position, end position);

將不包括結(jié)束位置。

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

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

如果你沒(méi)有指定結(jié)束位置,那么這將切出字符串的其余部分。

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

也可以給予參數(shù)為負(fù)數(shù)。

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

簡(jiǎn)單一點(diǎn)你可以這樣理解負(fù)數(shù)為參考的情況:

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()方法類(lèi)似于slice()方法,但不同的是,如果你給它負(fù)參數(shù),那么它們將被視為0。

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

String substr()

substr()方法類(lèi)似于slice()方法,但不同之處在于end參數(shù)是要提取的字符的長(zhǎng)度。

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

String charAt()

如果你想在一個(gè)字符串中獲得一個(gè)指定索引的字符,那么你可以使用charAt()方法。

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

String concat()

如果你想連接兩個(gè)或多個(gè)字符串,那么你可以使用concat()方法。

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

String trim()

您可以使用trim()方法從字符串的兩端刪除空格字符。

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

String replace()

如果你想用另一個(gè)字符串替換一個(gè)指定的子字符串,那么你可以使用replace()方法。

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

String split()

你可以使用split()方法將字符串轉(zhuǎn)換為數(shù)組。

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

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

責(zé)任編輯:武曉燕 來(lái)源: 南城大前端
相關(guān)推薦

2022-10-13 16:14:26

JavaScript字符串開(kāi)發(fā)

2018-09-18 10:55:24

人工智能機(jī)器學(xué)習(xí)深度學(xué)習(xí)

2022-06-29 10:06:27

Webpack優(yōu)化技巧前端

2024-11-12 14:56:07

2022-04-28 08:41:53

JavaScript數(shù)組

2017-07-06 09:20:51

2020-04-03 19:21:59

JavaScript編程語(yǔ)言開(kāi)發(fā)

2020-09-03 10:13:49

JavaScript字符串pad

2018-10-17 09:00:00

JavaScript工具前端

2022-10-10 23:14:40

JavaScrip對(duì)象屬性

2022-10-13 15:19:33

JavaScript開(kāi)發(fā)編程語(yǔ)言

2015-04-08 10:27:43

JavaScript字符串操作函數(shù)

2020-05-06 09:04:09

Python文件系統(tǒng)操作系統(tǒng)

2020-05-12 08:53:15

JavaScript字符串處理庫(kù)

2020-12-31 07:56:02

JavaScript 字符串技巧

2011-03-22 13:23:49

數(shù)據(jù)庫(kù)術(shù)語(yǔ)

2017-06-06 11:59:26

Docker工具容器

2019-12-11 09:23:51

JavaScriptHTMLXML

2020-10-16 18:35:53

JavaScript字符串正則表達(dá)式

2020-10-14 11:10:52

ES2020JavaScript前端
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)