JS字符串常用操作方法實(shí)例小結(jié)
本文實(shí)例講述了JS字符串常用操作方法。分享給大家供大家參考,具體如下:
【String類型】
1.返回給定位置的那個(gè)字符
var stringValue = "hello world"; alert(stringValue.charAt(1)); //"e" //如果你想得到是不是字符而是字符編碼 var stringValue = "hello world"; alert(stringValue.charCodeAt(1)); //輸出"101"
2.concat(),將一或多個(gè)字符串拼接起來,返回拼接得到的新的字符串
var stringValue = "hello "; var resrult = stringValue.concat("world"); alert(resrult); //"hello world" alert(stringValue); //"hello "
3.返回被操作字符串的一個(gè)子字符串
var stringValue = "hello world"; alert(stringValue.slice(3)); //"lo world" alert(stringValue.substring(3)); //"lo world" alert(stringValue.substr(3)); //"lo world" alert(stringValue.slice(3,7)); //"lo w" alert(stringValue.substring(3,7)); //"lo w" //返回7個(gè)字符 alert(stringValue.substring(3,7)); //"lo worl"
4.從一個(gè)字符串搜索指定的子字符串,返回子字符串的位置(沒有找到返回-1)
var stringValue = "hello world"; alert(stringValue.indexOf("o")); //4 alert(stringValue.lastIndexOf("o")); //7
5.trim(),會(huì)創(chuàng)建一個(gè)字符串副本,刪除前置以及后綴的所有空格[IE8及一下不支持]
var stringValue = " hello world "; var trimSting = stringValue.trim(); alert(trimSting); //"hello world" alert(stringValue); //" hello world "
6.字符串的模式匹配方法
var text = "cat,bat,sat,fat"; var pattern = /.at/; var matches = text.match(pattern); alert(matches[0]); //"cat"
7.search()方法,返回字符串中第一個(gè)匹配項(xiàng)的索引
var text = "cat,bat,sat,fat"; var pos = text.search(/at/); alert(pos); //1
8.替換
var text = "cat,bat,sat,fat"; var result = text.replace("at","ond"); alert(result); //"cond,bat,sat,fat" result = text.replace(/at/g,"ond"); alert(result); //"cond,bond,sond,fond"
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
細(xì)說JS數(shù)組遍歷的一些細(xì)節(jié)及實(shí)現(xiàn)
本文主要介紹了細(xì)說JS數(shù)組遍歷的一些細(xì)節(jié)及實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05js省市區(qū)級(jí)聯(lián)查詢(插件版&無插件版)
這篇文章主要為大家詳細(xì)介紹了js省市區(qū)級(jí)聯(lián)查詢,包括插件版和無插件版,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03微信小程序?qū)崿F(xiàn)圖片上傳功能實(shí)例(前端+PHP后端)
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的相關(guān)內(nèi)容,文中詳細(xì)介紹了前端+PHP后端的示例代碼,對(duì)大家的理解和學(xué)習(xí)具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01JavaScript選取(picking)和反選(rejecting)對(duì)象的屬性方法
這篇文章主要介紹了JavaScript選取(picking)和反選(rejecting)對(duì)象的屬性方法的相關(guān)資料,需要的朋友可以參考下2017-08-08js+css實(shí)現(xiàn)超簡(jiǎn)潔的二級(jí)下拉菜單效果代碼
這篇文章主要介紹了js+css實(shí)現(xiàn)超簡(jiǎn)潔的二級(jí)下拉菜單效果代碼,通過非常簡(jiǎn)單的JavaScript遍歷頁(yè)面元素及動(dòng)態(tài)設(shè)置樣式達(dá)到二級(jí)下拉菜單的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例
很多列表頁(yè)總數(shù)量很大,一次性查詢加載會(huì)導(dǎo)致頁(yè)面有很長(zhǎng)時(shí)間的空白期,自然體驗(yàn)感極差,就會(huì)使用分頁(yè)加載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例的相關(guān)資料,需要的朋友可以參考下2022-08-08javascript 動(dòng)態(tài)修改css樣式方法匯總(四種方法)
為了達(dá)到某種特殊的效果我們需要用Javascript動(dòng)態(tài)的去更改某一個(gè)標(biāo)簽的Css屬性,如何動(dòng)態(tài)修改css樣式呢?面對(duì)這個(gè)問題,小編帶領(lǐng)大家來解決javascript動(dòng)態(tài)修改css樣式,小伙伴們都快來學(xué)習(xí)吧2015-08-08