利用JS+ES6新增字符串操作方法匯總(共47種方法)
讓我為大家介紹一下字符串的操作方法吧,你知道與不知道的大部分都在這!
分類(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)文章
JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)完整實(shí)例
這篇文章主要介紹了JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)的方法,以完整實(shí)例形式分析了JavaScript針對(duì)字符串中字符的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-01-01JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼
這篇文章主要是對(duì)JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11隨鼠標(biāo)移動(dòng)的時(shí)鐘非常漂亮遺憾的是只支持IE
這篇文章主要介紹了隨鼠標(biāo)移動(dòng)的時(shí)鐘非常漂亮遺憾的是只支持IE,需要的朋友可以參考下2014-08-08十個(gè)JavaScript?lodash中的高頻使用方法整理
本文梳理lodash中那些高頻使用的超究極無(wú)敵好用方法,熟練使用下面的十個(gè)方法能夠讓你的代碼原地起飛,為你的開(kāi)發(fā)之旅極大的減輕心智負(fù)擔(dān),快跟隨小編一起學(xué)習(xí)一下吧2024-01-01JS組件封裝之監(jiān)聽(tīng)localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽(tīng)localStorage的變化,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09使用JSON格式提交數(shù)據(jù)到服務(wù)端的實(shí)例代碼
這篇文章主要介紹了使用JSON格式提交數(shù)據(jù)到服務(wù)端的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2018-04-04