快捷導(dǎo)航

JS字符串常用操作方法實(shí)例小結(jié)

更新時(shí)間：2019年06月24日 11:37:59 作者：學(xué)習(xí)筆記666

這篇文章主要介紹了JS字符串常用操作方法,結(jié)合實(shí)例形式總結(jié)分析了javascript字符串獲取、返回、拼接、替換、搜索、計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS字符串常用操作方法。分享給大家供大家參考，具體如下：

【String類型】

1.返回給定位置的那個字符

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
//如果你想得到是不是字符而是字符編碼
var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); //輸出"101"

2.concat(),將一或多個字符串拼接起來，返回拼接得到的新的字符串

var stringValue = "hello ";
var resrult = stringValue.concat("world");
alert(resrult); //"hello world"
alert(stringValue); //"hello "

3.返回被操作字符串的一個子字符串

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個字符
alert(stringValue.substring(3,7)); //"lo worl"

4.從一個字符串搜索指定的子字符串，返回子字符串的位置(沒有找到返回-1)

var stringValue = "hello world";
alert(stringValue.indexOf("o"));  //4
alert(stringValue.lastIndexOf("o")); //7

5.trim()，會創(chuàng)建一個字符串副本,刪除前置以及后綴的所有空格[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()方法,返回字符串中第一個匹配項(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測試上述代碼運(yùn)行效果。

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript中 toFixed四舍六入方法
本篇文章主要介紹了Javascript中 toFixed四舍六入方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
細(xì)說JS數(shù)組遍歷的一些細(xì)節(jié)及實(shí)現(xiàn)
本文主要介紹了細(xì)說JS數(shù)組遍歷的一些細(xì)節(jié)及實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05
js省市區(qū)級聯(lián)查詢（插件版&無插件版）
這篇文章主要為大家詳細(xì)介紹了js省市區(qū)級聯(lián)查詢，包括插件版和無插件版，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
通俗易懂地解釋JS中的閉包
本文通過示例代碼給大家介紹了js中的閉包，非常不錯，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2017-10-10
微信小程序?qū)崿F(xiàn)圖片上傳功能實(shí)例（前端+PHP后端）
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)圖片上傳功能的相關(guān)內(nèi)容，文中詳細(xì)介紹了前端+PHP后端的示例代碼，對大家的理解和學(xué)習(xí)具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
JavaScript選取(picking)和反選(rejecting)對象的屬性方法
這篇文章主要介紹了JavaScript選取(picking)和反選(rejecting)對象的屬性方法的相關(guān)資料,需要的朋友可以參考下
2017-08-08
js+css實(shí)現(xiàn)超簡潔的二級下拉菜單效果代碼
這篇文章主要介紹了js+css實(shí)現(xiàn)超簡潔的二級下拉菜單效果代碼,通過非常簡單的JavaScript遍歷頁面元素及動態(tài)設(shè)置樣式達(dá)到二級下拉菜單的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
Javascript6中字符串的四個新用法分享
本文將要介紹在JavaScript 6(ES6)里出現(xiàn)的一個關(guān)于字符串操作的語法特征，有需要的朋友們可以參考學(xué)習(xí)，下面來一起來看看吧。
2016-09-09
uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例
很多列表頁總數(shù)量很大,一次性查詢加載會導(dǎo)致頁面有很長時(shí)間的空白期,自然體驗(yàn)感極差,就會使用分頁加載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于uni-app實(shí)現(xiàn)數(shù)據(jù)下拉刷新功能實(shí)例的相關(guān)資料,需要的朋友可以參考下
2022-08-08
javascript 動態(tài)修改css樣式方法匯總(四種方法)
為了達(dá)到某種特殊的效果我們需要用Javascript動態(tài)的去更改某一個標(biāo)簽的Css屬性，如何動態(tài)修改css樣式呢？面對這個問題，小編帶領(lǐng)大家來解決javascript動態(tài)修改css樣式，小伙伴們都快來學(xué)習(xí)吧
2015-08-08