js字符串操作函數(shù)總結(jié)及使用方法示例
這篇文章主要介紹了js字符串操作函數(shù)toString、split、length、indexOf、lastIndexOf、replace、replaceAll、charAt、charCodeAt、contact、slice、substring、substr、match、exec、search、trim、includes、toLoowerCase、toUpperCase。
1.字符串轉(zhuǎn)化-toString()
將數(shù)字轉(zhuǎn)化為字符串
var num=19; var mystr=num.toString();//"19"
2.字符串分割-split()
將字符串分割為數(shù)組,第二個(gè)參數(shù)表示字符串?dāng)?shù)組返回的最大長(zhǎng)度
var mystr="l,love,you,Do,you,love,me" var substr=mystr.split(",");//[l,love,you,Do,you,love,me]; var arrayLimited=mystr.split(",",3);[l,love,you];
3.獲取字符串長(zhǎng)度-length()
var mystr="l,love,you,Do,you,love,me"; var mystrLength=mystr.length();//25
4.查詢(xún)子字符串-indexOf()、lastIndexOf()
indexOf() 從字符傳的開(kāi)頭開(kāi)始查找,找到對(duì)應(yīng)的坐標(biāo),找不到返回-1
lastIndexOf()從字符串的末尾開(kāi)始查找,找到對(duì)應(yīng)的坐標(biāo),找不到返回-1 可以接收第二個(gè)參數(shù),表示開(kāi)始查找的位置
var mystr="l,love,you,Do,you,love,me"; var index=mystr.indexOf("you");//7,基于0開(kāi)始查找,找不到返回-1 var lastindx=mystr.lastIndexOf("you");//14
5.字符串替換-replace()、replaceAll()
replace()默認(rèn)只替換第一次查找到的,想要全局替換,需要置上正則全局標(biāo)識(shí)g;
replaceAll() 方法用于在字符串中將查找到的所有符合要求的子字符串替換成目標(biāo)字符串,或替換所有與正則表達(dá)式匹配的子字符串替換成目標(biāo)字符串
var mystr="l,love,you,Do,you,love,me"; var replaceStr=mystr.replace("love","hate");//"l,hate,you,Do,you,love,me"; var goreplaceStr=mystr.replace(/love/g,"hate");//"l,hate,you,Do,you,hate,me"; var goreplaceAllStr=mystr.replaceAll("love","hate");//"l,hate,you,Do,you,hate,me";
6.查找給定字符或其字符編碼值-charAt、charCodeAt
charAt:字符,charCodeAt:編碼值
var mystr="l,love,you,Do,you,love,me"; var char=mystr.charAt(8);//"o";從0開(kāi)始 var charCode=mystr.charCodeAt(8);//111
7.字符串連接-contact()
contact()可以多個(gè)參數(shù),拼接多個(gè)字符串
var str1="l,love,you";var str="Do,you,love,me!"; var str=str1.contact(str2);
8.字符串切割和提取-slice(),substring(),substr()
slice(start, end) 方法可提取字符串的某個(gè)部分,并以新的字符串返回被提取的部分。start(包含) 和 end(不包含)
substring(from, to)方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。返回的子串包括 開(kāi)始 處的字符,但不包括 結(jié)束 處的字符。
substr() 方法可在字符串中抽取從 開(kāi)始 下標(biāo)開(kāi)始的指定數(shù)目的字符。參數(shù)指定的是子串的開(kāi)始位置和長(zhǎng)度
var mystr="l,love,you,Do,you,love,me"; //slice(): var sliceStr=mystr.slice(1,5);//從0開(kāi)始,",lov" //substring(): var substring=mystr.substring(1,5);//",lov" //substr(): var substr=mystr.substr(1,5);//",love"
9.字符串大小寫(xiě)轉(zhuǎn)換
toLoowerCase():轉(zhuǎn)換為小寫(xiě)
toUpperCase():轉(zhuǎn)化為大寫(xiě)
var myStr = "I,love,you,Do,you,love,me"; var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me"; var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"
10.字符串匹配
match()和exec(),匹配失敗則返回null;search(),失敗返回-1
match().接受一個(gè)正則的參數(shù) var myStr = "I,love,you,Do,you,love,me"; var pattern="/love/"; var result=mystr.match(pattern);//["love"]; exec():字符串和字符調(diào)換了位置 var myStr = "I,love,you,Do,you,love,me"; var pattern="/love/"; var result=pattern.exec(pattern); search();匹配到下標(biāo) var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = myStr.search(pattern);//2
11.去空格-trim()
trim() 方法用于刪除字符串的頭尾空白符,空白符包括:空格、制表符 tab、換行符等其他空白符等。
let str = " Hello "; let s = str.trim(); console.log(str); // Hello console.log(s); //Hello
12.查找判斷-includes()
includes() 方法用于判斷字符串是否包含指定的子字符串。
語(yǔ)法:string.includes(searchvalue, start)
(1)searchvalue 必需值,要查找的字符串。
(2)start 可選值,設(shè)置從那個(gè)位置開(kāi)始查找,默認(rèn)為 0。
let str = "Hello"; let s = str.includes("searchvalue",number); console.log(s); //true
到此這篇關(guān)于js字符串操作函數(shù)總結(jié)及使用方法示例的文章就介紹到這了,更多相關(guān)js字符串函數(shù)大全內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui table checked獲取選中數(shù)據(jù)方式
這篇文章主要介紹了layui table checked獲取選中數(shù)據(jù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10二叉樹(shù)先序遍歷的非遞歸算法具體實(shí)現(xiàn)
這篇文章主要介紹了二叉樹(shù)先序遍歷的非遞歸算法,有需要的朋友可以參考一下2014-01-01javascript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的彈出窗
本文給大家分享的是使用javascript實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的彈出窗的代碼,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下2016-02-02微信小程序?qū)崿F(xiàn)短信驗(yàn)證碼倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)短信驗(yàn)證碼倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05微信小程序mpvue點(diǎn)擊按鈕獲取button值的方法
這篇文章主要介紹了小程序mpvue點(diǎn)擊按鈕獲取button值的方法,本文通過(guò)兩種方法,給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05深入理解JavaScript強(qiáng)制類(lèi)型轉(zhuǎn)換
JavaScript中的強(qiáng)制類(lèi)型轉(zhuǎn)換包括顯式和隱式轉(zhuǎn)換,涉及字符串、數(shù)字和布爾值三種基本類(lèi)型,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-09-09webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,,需要的朋友可以參考下2024-01-01