點(diǎn)擊上方“執(zhí)行上下文”，選擇“置頂公眾號(hào)”

關(guān)鍵時(shí)刻，第一時(shí)間送達(dá)！

在日常開發(fā)中，我們難免要和字符串打交道，各種各樣的功能都可能用到上面的字符串函數(shù)，本文參考網(wǎng)上文章，W3C資料，以及自己平常開發(fā)中的高頻需求整理形成，希望能夠幫到有需要的人。

1、通過字符串函數(shù)獲取字符串指定位置字符

1.1 charAt()

從某個(gè)字符串取得具體的字符，如果index的位置不在字符串中則返回空字符串

let?str?=?'JsCoding';
//?語法
demo.charAt(index)
//?demo
str.charAt(3)???=>??'o'

1.2 charCodeAt()

和chartAt()用法類似，只不過返回的是字符串的Unicode。同理，如果index下標(biāo)不在字符串中，則返回空。

let?str?=?'JsCoding';
//?語法
demo.charCodeAt(index)
//?demo
str.charCodeAt(3)???=>??'111'

2、通過字符串函數(shù)對(duì)字符串的樣式進(jìn)行改變

2.1 big

將字符串字號(hào)變大，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.big()

2.2 small

將字符串字號(hào)變小，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.small()

2.3 bold

將字符串字體加粗，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.bold()

2.4 italics

將字符串設(shè)為斜體，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.italics()

2.5 blink

將字符串設(shè)為閃動(dòng)，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.blink()

2.6 fixed

將字符串以打印機(jī)文本顯示，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.fixed()

2.7 strike

將字符串加上刪除線，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.strike()

2.8 fontcolor

設(shè)置字符串指定顏色，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.fontcolor('Blue')

2.9 fontsize

設(shè)置字符串指定字號(hào)，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.fontsize(22)

2.10 toLowerCase

將字符串轉(zhuǎn)化為小寫，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.toLowerCase()

2.11 toUpperCase

將字符串轉(zhuǎn)化為大寫，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.toUpperCase()

2.12 sub

將字符串顯示為下標(biāo)，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.sub()

2.13 sup

將字符串顯示為上標(biāo)，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.sup()

2.14 link

將字符串顯示為鏈接，并返回新的字符串。

let?txt =?公眾號(hào)：執(zhí)行上下文
txt.link()

Demo戳閱讀原文查看！！

3、判斷指定字符是否出現(xiàn)在字符串中，并返回其位置

3.1 indexOf()

判斷指定字符首次出現(xiàn)在字符串中的位置，沒有則返回-1。檢查方式從前往末尾,下標(biāo)0開始。

let?str?=?'JsCoding';
//?語法?value?=>?指定字符，startindex?=>?指定位置開始
demo.indexOf(value,startindex)
//?demo
str.indexOf('s')???=>??1
str.indexOf('s',?3)???=>??-1

3.2 lastIndexOf()

判斷指定字符最后一次出現(xiàn)在字符串中的位置，沒有則返回-1，檢查方式為從末尾往前。如果指定的value值在指定位置之前，則返回的是最后一個(gè)出現(xiàn)value的位置。

let?str?=?'JsCoding';
//?語法?value?=>?指定字符，startindex?=>?指定位置開始
demo.lastIndexOf(value,startindex)
//?demo
str.lastIndexOf('s')???=>??1
str.lastIndexOf('s',?3)???=>??1

注意：indexOf() 和 lastIndexOf() 都區(qū)分大小寫。

4、對(duì)字符串進(jìn)行操作

4.1 replace()

用于字符串中以指定字符替換指定字符。

let?str?=?'JsCoding';
//?語法?regexp/substr?=>?需要替換的文本或正則對(duì)象，replaceText?=>?替換的文本
demo.replace(regexp/substr,replaceText)
//?demo
str.replace(/JsCoding/,?'JsCoding：是執(zhí)行上下文的微信號(hào)')???
//?結(jié)果?=>?
"JsCoding：是執(zhí)行上下文的微信號(hào)"

4.2 slice()

獲取字符串中的某個(gè)部分，并返回獲取的部分。

let?str?=?'JsCoding';
//?語法?start?=>?起始位置，end?=>?結(jié)束位置
demot.slice(start,end)
//?demo
str.slice(1,3)???
//?結(jié)果?=>?
"sC"

4.3 substr()

獲取字符串從指定位置開始，指定長(zhǎng)度的字符。

let?str?=?'JsCoding';
//?語法?start?=>?起始位置，length?=>?長(zhǎng)度
demo.substr(start,length)
//?demo
str.substr(1,3)???
//?結(jié)果?=>?
"sCo"

4.4 substring()

獲取字符串指定區(qū)間的字符。

let?str?=?'JsCoding';
//?語法 start =>?起始位置必須為存在的下標(biāo)，end =>?結(jié)束位置可以為負(fù)數(shù)，則往前尋找。
demo.substring(start,end)
//?demo
str.substring(1,3)???
//?結(jié)果?=>?
"sC"

str.substring(3,-3)???
//?結(jié)果?=>?
"JsC"

如果start === end 則返回空。

4.5 split()

將字符串分割成字符串?dāng)?shù)組。

let?str?=?'JsCoding';
//?語法 separator =>?字符串or表達(dá)式，howmany =>?分割字符串的長(zhǎng)度。
demo.split(separator,howmany)
//?demo
str.split(''?,3)???
//?結(jié)果?=>?
["J",?"s",?"C"]

str.split('')???
//?結(jié)果?=>?
["J",?"s",?"C",?"o",?"d",?"i",?"n",?"g"]

4.6 match()

返回所有查找的關(guān)鍵字內(nèi)容的數(shù)組。

let?str?=?'JsCoding';
let?reg?=?/di/ig;

//?語法 searchvalue =>?檢索的字符串值，regexp =>?匹配的RegExp對(duì)象。
demo.match(searchvalue?or??RegExp)
//?demo
str.match(reg)
//?結(jié)果?=>?
["di"]

str.match('di')???
//?結(jié)果?=>?
["di"]

注意：String 對(duì)象的方法 slice()、substring() 和 substr() (不建議使用)都可返回字符串的指定部分。slice() 比 substring() 要靈活一些，因?yàn)樗试S使用負(fù)數(shù)作為參數(shù)。slice() 與 substr() 有所不同，因?yàn)樗脙蓚€(gè)字符的位置來指定子串，而 substr() 則用字符位置和長(zhǎng)度來指定子串。

5、其他

anchor()

用來創(chuàng)建HTML錨

let?text?=?'執(zhí)行上下文'
text.anchor('前端公眾號(hào)')

//?結(jié)果：
"前端公眾號(hào)">執(zhí)行上下文

6、日常小用途

6.1 將 'Coding, Js' => 'Js Coding'

var?str?=?"Coding,?Js";
str.replace(/(\w+)\s*,?\s*(\w+)/,?"$2?$1");

//?結(jié)果

"Js?Coding"

6.2 將雙引號(hào)變成單引號(hào)

var?str?=?'"Js",?"Coding"'
str.replace(/"([^"]*)"/g,?"'$1'");
//?結(jié)果
"'Js',?'Coding'"

6.3 將字符串第一個(gè)字母改為大寫

var?str?=?'jjj?sss?ccc';
zhuan?=?str.replace(/\b\w+\b/g,?function(c){
??return?c.substring(0,1).toUpperCase()?+?c.substring(1);}
)

//?結(jié)果

"Jjj?Sss?Ccc"

6.4 將字符串中指定字符替換成指定字符

var?str?=?'ccadjlkj3kajgl2lkjalg'
str.replace(/d/,?'公眾號(hào)：執(zhí)行上下文')

//?結(jié)果

"cca公眾號(hào)：執(zhí)行上下文jlkj3kajgl2lkjalg"你也可以添加下面微信加入前端微信群，我們一起交流前端技術(shù)，一起進(jìn)步。

前端公眾號(hào)和交流群

總結(jié)

以上是生活随笔為你收集整理的获取某个输入框的字符长度_收藏，最全的字符串函数方法，总有你用到的~的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。