javascript中常用的字符串函數(shù)解讀
javascript 字符串函數(shù)
定義一個(gè)字符串
var str = "Aheloworld";
1、獲取字符串的長(zhǎng)度 length
var str = "Aheloworld";
console.log("str變量中字符串的長(zhǎng)度為:"+str.length)2、charAt()方法可返回指定位置的字符
var str = "Aheloworld";
var str1 = str.charAt(3)
console.log("通過(guò)charAt()方法指定下標(biāo)返回字符為:"+str1)3、 charcodeAt() 方法可返回指定位置的字符的 Unicode 編碼 語(yǔ)法string.charCodeAt(index)
var str = "Aheloworld";
var str1 = str.charCodeAt(0)
console.log("通過(guò)charCodeAt()方法指定下標(biāo)返回指定位置的字符的 Unicode 編碼為:"+str1)4、fromcharcode() 可接受一個(gè)指定的 Unicode 值,然后返回一個(gè)字符串
var str = "Aheloworld";
var str1 = String.fromCharCode(65)
console.log("fromcharcode()指定的 Unicode 值,然后返回一個(gè)字符串"+str1)5、concat() 拼接字符串 可同時(shí)拼接過(guò)個(gè)字符串 作用等同于+
var str = "Aheloworld";
var str1 = str.concat("二傻子","三傻子")
console.log("concat() 拼接字符串后的結(jié)果為:"+str1)6、indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。
如果沒有找到匹配的字符串則返回 -1
string.indexOf(searchvalue,start)
var str = "heloworld"
var str1 = str.indexOf("l");
console.log("通過(guò)indexOf()查找指定字符串第一次出現(xiàn)的位置的下標(biāo):"+str1)
var str1 = str.indexOf("l",3);
console.log("通過(guò)indexOf()查找指定字符串規(guī)定字符串查找位置的開始地點(diǎn),返回出現(xiàn)的位置的下標(biāo):"+str1)
var str1 = str.indexOf("l");
console.log("通過(guò)indexOf()查找指定字符串如果字符串不存在,返回-1:"+str1)7、lastindexof() 從后往前找,下標(biāo)從0往后數(shù)
var str = "abcABCabc"
var str1 = str.lastIndexOf("a")
console.log("通過(guò)lastIndexOf()查找指定字符串最后一次出現(xiàn)的位置的下標(biāo)【從后往前找,下標(biāo)從0往后數(shù)】:"+str1)8、 slice() 方法可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分。 不改變?cè)磾?shù)組
- 參數(shù)1:開始位置的索引(包含了開始位置)
- 參數(shù)2:結(jié)束位置的索引(不包含結(jié)束位置)
注意:
1- 如果省略第二個(gè)參數(shù),則會(huì)截取后面所有的字符串
2- 如果傳遞一個(gè)負(fù)數(shù),會(huì)從后面開始計(jì)算
var str = "abcABCabc"
var str1 = str.slice(1,4)
console.log("slice()方法提取str2字符串中 下標(biāo)1開始到下標(biāo)4之前結(jié)束的字符串為:"+str1)
var str1 = str.slice(1,-3)// bcABC
var str1 = str.slice(0)//bcABCabc
var str1 = str.slice(-3,-1)//ab
console.log(str1)?? ??? ?9- substring() 方法返回的子串包括 開始 處的字符,但不包括 結(jié)束 處的字符。
- 參數(shù)1:開始截取的索引(包含了開始位置)
- 參數(shù)2:結(jié)束位置的索引(不包含結(jié)束位置)
注意:
1- 如果傳遞一個(gè)負(fù)數(shù),默認(rèn)為0
2- 如果傳遞的第一個(gè)參數(shù)大于第二個(gè)參數(shù),則自動(dòng)交換
var str = "aocdefghyjklmn" ?? ?// var str1 = str.substring(0,3) ?? ?var str1 = str.substring(4,2) ?? ?console.log(str1)
10、substr() 方法可在字符串中抽取從 開始 下標(biāo)開始的指定數(shù)目的字符。
- 參數(shù)1:提取字符串的起始位置 如果為負(fù)數(shù),默認(rèn)從后向前計(jì)算
- 參數(shù)2:提取字符串的數(shù)量
注意:
無(wú)論是正數(shù)還是負(fù)數(shù) 都從左向右計(jì)算
var str = "aocdefghyjklmn" var str1 = str.substr(2,3) var str1 = str.substr(-3,3) console.log(str1)
11、split() 方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組。
- 如果不指定拆分的字符,則每個(gè)字符為一個(gè)數(shù)組元素
- 如果指定拆分的字符,則以指定字符拆分為數(shù)組元素
var str = "aocdefghyjklmn"
var arr = str.split("")
var arr = str.split("f")
console.log(arr)12、 toUpperCase() 轉(zhuǎn)為大寫 toLowerCase() 轉(zhuǎn)為小寫
var str6 = "abcABC"
console.log("轉(zhuǎn)為大寫"+str6.toUpperCase())
console.log("轉(zhuǎn)為小寫"+str6.toLowerCase())總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript游戲開發(fā)之《三國(guó)志曹操傳》零部件開發(fā)(一)讓靜態(tài)人物動(dòng)起來(lái)
首先來(lái)說(shuō),讓一個(gè)游戲賦有可玩性必須要?jiǎng)屿o結(jié)合,我將要在下面告訴大家如何運(yùn)用Javascript將靜態(tài)圖片變?yōu)閯?dòng)態(tài)圖片,感興趣的朋友可以了解下,便當(dāng)鞏固js知識(shí)了2013-01-01
uni?app跨端自定義指令實(shí)現(xiàn)按鈕權(quán)限
這篇文章主要為大家介紹了uni?app跨端自定義指令實(shí)現(xiàn)按鈕權(quán)限詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
JavaScript偏函數(shù)與柯里化實(shí)例詳解
這篇文章主要介紹了JavaScript偏函數(shù)與柯里化,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript偏函數(shù)與柯里化的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-03-03
JavaScript點(diǎn)擊按鈕生成4位隨機(jī)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript點(diǎn)擊按鈕生成4位隨機(jī)驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01
前端實(shí)現(xiàn)界面元素拖拽功能的3種方式總結(jié)(親測(cè)有效)
這篇文章主要介紹了前端實(shí)現(xiàn)界面元素拖拽功能的3種方式,三種方法分別是純HTML+CSS+JS、Vue模板和Vue全局指令,每種方法都通過(guò)監(jiān)聽鼠標(biāo)事件來(lái)實(shí)現(xiàn)元素的拖動(dòng)功能,并通過(guò)控制閥來(lái)確保只有在指定區(qū)域按下鼠標(biāo)時(shí)才開始拖動(dòng),需要的朋友可以參考下2025-02-02
javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼
這篇文章主要介紹了javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼,簡(jiǎn)單介紹了javascript中window.open()與window.location.href的區(qū)別,感興趣的朋友一起看看吧2019-11-11
JS獲取圖片實(shí)際寬高及根據(jù)圖片大小進(jìn)行自適應(yīng)
圖片實(shí)際寬高使用js進(jìn)行獲取以及根據(jù)圖片大小進(jìn)行自適應(yīng),此功能個(gè)人感覺比較實(shí)用,在此貢獻(xiàn)出來(lái),希望對(duì)大家有所幫助2013-08-08

