欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用JS+ES6新增字符串操作方法匯總(共47種方法)

 更新時(shí)間:2023年12月13日 09:16:03   作者:遠(yuǎn)近高低各不同  
字符串的操作是任何一門(mén)計(jì)算機(jī)語(yǔ)言都必須面對(duì)的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于利用JS+ES6新增字符串操作方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下

讓我為大家介紹一下字符串的操作方法吧,你知道與不知道的大部分都在這!

分類(lèi)可能有點(diǎn)不太對(duì),還請(qǐng)大家見(jiàn)諒!

1.concat()

拼接字符串 可以連接兩個(gè)或多個(gè)字符串

    let str = "hello"
    let str1 =" str"
    console.log("hello".concat(str1)) //hello str
    console.log(str.concat(str1)) //hello str

2.padStart(總長(zhǎng)度,“填充的字符串”)

返回新的字符串,表示用參數(shù)字符串從頭部(左側(cè))補(bǔ)全原字符串

    let str = "hello str"
    // 現(xiàn)在我們str的長(zhǎng)度為9
    // 我們限定了總長(zhǎng)度為10 我們?cè)谧址钋懊嫣砑?一直添加到總長(zhǎng)度為10
    // 如果未填充字符串 字符串不變
    console.log(str.padStart(10,"123")) //1hello str

3.padEnd(總長(zhǎng)度,“填充的字符串”)

返回新的字符串,表示用參數(shù)字符串從尾部(右側(cè))補(bǔ)全原字符串

    let str = "hello str"
    // 現(xiàn)在我們str的長(zhǎng)度為9
    // 我們限定了總長(zhǎng)度為10 我們?cè)谧址詈竺嫣砑?一直添加到總長(zhǎng)度為10
    // 如果未填充字符串 字符串不變
    console.log(str.padEnd(10, "123")) //hello str1

—————————————————————————————————————

4.slice()

可以從字符串中截取指定的內(nèi)容不會(huì)影響原字符串第一個(gè)參數(shù),開(kāi)始位置的索引(包括開(kāi)始位置)

第二個(gè)參數(shù),結(jié)束位置的索引(不包含結(jié)束位置)

    let str = "hello str"
    // 一個(gè)參數(shù)截取后面所有的字符串
    console.log(str.slice(6)) //str
    console.log(str.slice(0,5)) //hello
    // 也可以傳遞一個(gè)負(fù)數(shù),負(fù)數(shù)將會(huì)從后面計(jì)算
    console.log(str.slice(0,-1)) //hello st

5.substr()

截取字符串 第一個(gè)參數(shù):截取開(kāi)始位置的索引,第二個(gè)參數(shù):截取的長(zhǎng)度

    let str = "hello str"
    console.log(str.substr(0,5))//hello
    console.log(str.substr(6,3))//str

6.substring()

字符串的截取 substring(開(kāi)始的索引號(hào)[, 結(jié)束的索引號(hào)])

    let str = "hello str"
    // 當(dāng)只有一個(gè)參數(shù)的時(shí)候 索引位置往后全部截取 包含索引位置
    console.log(str.substring(6)) //"str"
    // 當(dāng)有兩個(gè)參數(shù)的時(shí)候 開(kāi)始索引的位置 結(jié)束索引的位置
    // 結(jié)束的索引不包含想要截取的部分
    // 記住包前不包后
    console.log(str.substring(6,7)) //"s"

7.trim()

清除字符串首尾的空格

    let str = " hello str "
    console.log(str.trim()) //"hello str"

8.trimEnd()

trimEnd() 方法從一個(gè)字符串的末端移除空白字符

    let str = "hello str    "
    console.log(str.length) //13
    console.log(str.trimEnd().length) // 9
    console.log(str.trimEnd()) // hello str

9.trimRight()

trimRight() 方法從一個(gè)字符串的末端移除空白字符

    let str = "hello str    "
    console.log(str.length) //13
    console.log(str.trimRight().length) // 9
    console.log(str.trimRight()) // hello str

10.trimLeft()

trimLeft() 方法從一個(gè)字符串的前端移除空白字符

    let str = "    hello str"
    console.log(str.length) //13
    console.log(str.trimLeft().length) // 9
    console.log(str.trimLeft()) // hello str

11.trimStart()

trimStart() 方法從一個(gè)字符串的前端移除空白字符

    let str = "    hello str"
    console.log(str.length) //13
    console.log(str.trimStart().length) // 9
    console.log(str.trimStart()) // hello str

——————————————————————————————————————————————————

12.split()

切割字符串轉(zhuǎn)換為數(shù)組切割后的字符串可以使用數(shù)組方法

    let str = "red,orange"
    console.log(str.split(",")) // ['red', 'orange']
    console.log(str.split("")) //['r', 'e', 'd', ',', 'o', 'r', 'a', 'n', 'g', 'e']

12.toLocaleLowerCase()

大寫(xiě)轉(zhuǎn)小寫(xiě)

    let str = "HELLO STR"
    console.log(str.toLocaleLowerCase()) //hello str

13.toLocaleUpperCase()

小寫(xiě)轉(zhuǎn)大寫(xiě)

    let str = "hello str"
    console.log(str.toLocaleUpperCase()) //HELLO STR

14.toLowerCase()

大寫(xiě)轉(zhuǎn)小寫(xiě)

    let str = "HELLO STR"
    console.log(str.toLowerCase()) //hello str

16.toUpperCase()

小寫(xiě)轉(zhuǎn)大寫(xiě)

    let str = "hello str"
    console.log(str.toUpperCase()) //HELLO STR

17.toString()

toString()的用法有許多,我介紹跟字符串相關(guān)的用法

可以轉(zhuǎn)換數(shù)據(jù)類(lèi)型為字符串型

    let arr = [1]
    let obj = {name:"zs"}
    let num = 1
    console.log(arr.toString()) // 1
    console.log(typeof arr.toString()) // string
    console.log(obj.toString()) // [object Object]
    console.log(typeof obj.toString()) // string
    console.log(num.toString()) // 1
    console.log(typeof obj.toString()) // string

18.replace()

可以將字符串中指定內(nèi)容替換為新內(nèi)容第一個(gè)參數(shù)被替換的內(nèi)容第二個(gè)參數(shù)新的內(nèi)容

    let str = "hello str"
    console.log(str.replace("hello","hh")) //hh str

19.replaceAll()

replaceAll() 方法用于在字符串中用一些字符替換另一些字符,或替換一個(gè)與正則表達(dá)式匹配的子串,該函數(shù)會(huì)替換所有匹配到的子字符串。

    let str = "hello str hello str"
    console.log(str.replaceAll("hello","hh")) //hh str hh str

20.repeat(number)

返回新的字符串,表示將字符串重復(fù)指定次數(shù)返回

    let str = "hello str"
    console.log(str.repeat(2)) //hello strhello str

——————————————————————————————————————————————————

21.length

用來(lái)獲取字符串的長(zhǎng)度

    let str = "hello str"
    console.log(str.length) //9

22.charAt()

str.charAt(index),index是字符所在字符串的位置索引,索引從0開(kāi)始

如果超過(guò)位置索引,返回 “ ”

    let str = "hello str"
    console.log(str.charAt(0)) //h
    console.log(str.charAt(9)) //空

23.indexOf()

檢索一個(gè)字符串中是否含有指定內(nèi)容如果字符串中含有該內(nèi)容,則會(huì)返回其第一次出現(xiàn)的索引有第二個(gè)參數(shù) ,代表開(kāi)始查找索引的位置沒(méi)找到指定的內(nèi)容返回-1

    let str = "hello hello"
    console.log(str.indexOf("h")) //0
    console.log(str.indexOf("v")) //-1
    //有兩個(gè)參數(shù)的時(shí)候 索引指定開(kāi)始查找位置
    console.log(str.indexOf("e",0)) //1
    console.log(str.indexOf("h",1)) //-1

24.lastIndexOf()

檢索一個(gè)字符串中是否含有指定內(nèi)容從后往前找如果字符串中含有該內(nèi)容,則會(huì)返回其最后一次出現(xiàn)的索引有第二個(gè)參數(shù) ,代表開(kāi)始查找索引的位置沒(méi)找到指定的內(nèi)容返回-1

    let str = "hello hello"
    console.log(str.lastIndexOf("h")) //6
    console.log(str.lastIndexOf("v")) //-1
    // 從下標(biāo)為0的位置開(kāi)始從后往前找
    console.log(str.lastIndexOf("h",0)) //0
    console.log(str.lastIndexOf("h",6)) //6

25.includes()

用于判斷一個(gè)字符串是否包含在另一個(gè)字符串中,根據(jù)情況返回 true 或 false。

    let str = "hello str"
    console.log(str.includes("hello")) //true
    console.log(str.includes("str")) //true
    console.log(str.includes("helo")) //false
    //兩個(gè)值時(shí) 第二個(gè)值是索引 如下例 從索引1后面再開(kāi)始查找
    console.log(str.includes("hello",1)) //false
    console.log(str.includes("ello",1)) //true

26.charCodeAt()

返回指定索引位置字符的 Unicode 值

    let str = "hello str"
    console.log(str.charCodeAt(0)) //104

27.formCharCode()

可以根據(jù)字符編碼去獲取字符需要通過(guò)String.fromCharCode() 去使用

    console.log(String.fromCharCode(20000)) // 北

28.search()

可以搜索字符串中是否含有指定內(nèi)容如果搜索到指定內(nèi)容,則會(huì)返回第一次出現(xiàn)的索引,如果沒(méi)用搜索到返回-1也可以接收一個(gè)正則表達(dá)式作為參數(shù),然后根據(jù)正則表達(dá)式去檢索字符串

    let str = "hello str"
    console.log(str.search("hello")) //0
    console.log(str.search("str")) //6
    console.log(str.search("v")) //-1
    // 可以使用正則表達(dá)式
    let str1 = "aac abc acc"
    console.log(str1.search(/a[abc]c/)) //0

29.match()

可以根據(jù)正則表達(dá)式,從一個(gè)字符串中將符合條件的內(nèi)容提取出來(lái)默認(rèn)情況下只會(huì)找到第一個(gè)符號(hào)要求的內(nèi)容,找到停止檢索可以設(shè)置正則表達(dá)式全局匹配返回一個(gè)數(shù)組

    let str = "1a2b3c"
    console.log(str.match(/[A-z]/)) 
    console.log(str.match(/[A-z]/g))

30.at()

at() 方法用于接收一個(gè)整數(shù)值并返回該索引對(duì)應(yīng)的元素,允許正數(shù)和負(fù)數(shù)。負(fù)整數(shù)從數(shù)組中的最后一個(gè)元素開(kāi)始倒數(shù)。

匹配給定索引的數(shù)組中的元素。如果找不到指定的索引,則返回 undefined。

    let str = "hello str"
    console.log(str.at(9)) // undefined
    console.log(str.at(0)) // h
    console.log(str.at(-1)) // r

31.startsWith()

返回布爾值,判斷參數(shù)字符串是否在原字符串的頭部

    let str = "hello str"
    // h在字符串的頭部返回true
    console.log(str.startsWith("h"))//true
    // e不在頭部返回false
    console.log(str.startsWith("e"))//false

32.endsWith()

返回布爾值,判斷參數(shù)字符串是否在原字符串的尾部

    let str = "hello str"
    // r在字符串的尾部返回true
    console.log(str.endsWith("r")) // true
    // h不在字符串的尾部返回false
    console.log(str.endsWith("h")) // false

33.localeCompare()

用于比較兩個(gè)字符串

如果第一個(gè)字符串大于第二個(gè)字符串返回1

如果第一個(gè)字符串等于第二個(gè)字符串返回0

如果第一個(gè)字符串小于第二個(gè)字符串返回-1

    console.log("a".localeCompare("b")) // -1
    console.log("a".localeCompare("a")) // 0
    console.log("b".localeCompare("a")) // 1

——————————————————————————————————————————————————

標(biāo)簽類(lèi)型方法

34.sub()

該方法返回加了 sub 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.sub())

35.big()

該方法返回加了 big 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.big()) 

36.bold()

該方法返回加了 b 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.big()) 

37.anchor()

anchor() 方法用于創(chuàng)建 HTML 錨該方法返回加了 a 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.anchor("url地址")) 

38.blink()

blink() 方法用于顯示閃動(dòng)的字符串

該方法返回加了 blink 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.blink())

39.fixed()

fixed() 方法用于把字符串顯示為打字機(jī)字體。

該方法返回加了 tt 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.fixed())

40.small()

該方法返回加了 small 標(biāo)簽的字符串**

    let str = "hello str"
    console.log(str.small())

41.link()

該方法返回加了 a 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.link("url地址"))

42.strike()

該方法返回加了 strike 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.strike())

43.fontcolor()

fontcolor() 方法用于按照指定的顏色來(lái)顯示字符串

該方法返回加了 font 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.fontcolor("red"))

44.fontsize()

fontsize() 方法用于按照指定的尺寸來(lái)顯示字符串。

該方法返回加了 font 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.fontsize(12))

45.italics()

italics() 方法用于把字符串顯示為斜體。

該方法返回加了 i 標(biāo)簽的字符串

    let str = "hello str"
    console.log(str.fontsize(12))

——————————————————————————————————————————————————

46.valueOf()

返回 String 對(duì)象的原始值:

    let str = "hello str"
    console.log(str.valueOf()) //hello str

47.模板字符串

ES6新增了模板字符串,讓我們拼接字符串時(shí)更方便注意:切記使用反引號(hào)作為字符串的定界符分隔的字面量

1.拼接

在我們模板字符串出現(xiàn)之前,我們想要拼接字符串是比較麻煩的

	const name = "杰克";
	const age = 18;
	// 以前的拼接字符串
	console.log("大家好,我的名字叫"+name+",我今年"+age+"歲")

現(xiàn)在我們有了模板字符串,拼接起來(lái)就會(huì)簡(jiǎn)單許多

模板字符串使用反引號(hào) `` 作為字符串的定界符分隔的字面量

    const name = "杰克";
    const age = 18;
    // 模板字符串,切記使用反引號(hào)
    console.log(`大家好,我的名字叫${name},我今年${age}歲`)

2.換行

以前我們用雙引號(hào)或者單引號(hào)編寫(xiě)字符串時(shí),如果出現(xiàn)一行裝不下的情況下,我們需要使用+號(hào)來(lái)拼接

    const name = "杰克";
    const age = 18;
    // 一行裝不下我們需要用+來(lái)拼接
    console.log("大家好,我的名字叫杰克"
    +"今年18歲了")

現(xiàn)在我們有了模板字符串,就可以更簡(jiǎn)單的實(shí)現(xiàn)換行遇到的問(wèn)題

    const name = "杰克";
    const age = 18;
    // 一行裝不下我們需要用+來(lái)拼接
    console.log(`大家好,我的名字叫杰克
    今年18歲了`)

總結(jié) 

到此這篇關(guān)于JS+ES6新增字符串操作方法匯總的文章就介紹到這了,更多相關(guān)JS+ES6新增字符串內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論