最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS操作字符串的一些常見內(nèi)置方法

 更新時(shí)間:2023年11月10日 15:39:39   作者:暴怒的代碼  
這篇文章主要給大家介紹了關(guān)于JS操作字符串的一些常見內(nèi)置方法,JavaScript中有許多常用的數(shù)組和字符串操作函數(shù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

一:前言

在前端項(xiàng)目開發(fā)中,我們經(jīng)常會(huì)涉及到處理字符串的各種操作。但是不必?fù)?dān)心,JavaScript是很貼心的,給了我們很多內(nèi)置的方法。這讓我們的開發(fā)成本大大降低,不必去考慮其內(nèi)部的實(shí)現(xiàn)方法(最好還是有所了解)。拿來會(huì)用即可。接下來就讓我們開始分析一些比較常用的方法吧!

注意:字符串和數(shù)組一樣,按照索引來排列。并且所有字符串常用方法, 都不會(huì)改變?cè)甲址? 都是以返回值的形式出現(xiàn)結(jié)果 。

二:常見的內(nèi)置方法

// 轉(zhuǎn)換為字符串
// 方法1
var num=110;
var n=num.toString();    //"110"

// 方法2
var num=111;
var n=String(num);       //"111"

// 方法3
var num=112;
var n="" + num;          //"112"

1、charAt與charCodeAt

1) charAt

●作用:charAt() 是找到字符串中指定索引位置的內(nèi)容返回

●語法:字符串.charAt(索引)

●返回值:該索引位置對(duì)應(yīng)的字符

○如果有該索引位置, 那么就是該索引位置的字符

○如果沒有該索引位置, 那么就是 空字符串('')

var str = 'hello world'
//使用charAt找到字符串中的某一個(gè)內(nèi)容
var index = str.charAt(2)
console.log(index)// l
//查找索引為13的內(nèi)容,因?yàn)闆]有返回是一共空字符串var index1 = str.charAt(13)
console.log(index1);// ''

2) charCodeAt

●作用:charCodeAt() 就是返回對(duì)應(yīng)索引位置的 unicode 編碼

●語法:字符串.charCodeAt(索引)

●返回值:該索引位置的對(duì)應(yīng)字符的 編碼(十進(jìn)制)

var str = ' hello world'
1/使用charAt找到字符串中的某一個(gè)內(nèi)容var index = str.charCodeAt(4)
console.log(index)// 111
// 因?yàn)?在 unicode 對(duì)照表里面存儲(chǔ)的是 111,所以就會(huì)返回111

2、indexOf與lastIndexOf

1) indexOf

●作用:indexOf 就是按照字符找到對(duì)應(yīng)的索引

●語法:字符串.indexOf(要查找的字符,開始索引)

●返回值:

○如果有該字符內(nèi)容, 那么就是該字符的索引位置

○如果沒有該字符內(nèi)容, 就是 -1

var str =  'hello world'
//使用indexOf 找到字符串中的某一個(gè)內(nèi)容
var index = str.indexOf('l',0)
console.log(index)// 2返回第一個(gè)找到的內(nèi)容的下標(biāo)后面的就不查找了
var index1 = str.indexof('w',3)
console.log(index1);116不管從那個(gè)索引開始,索引的位置不變
var index2 = str.indexOf('w',7)
console.log(index2);// -1從索引7開始查找沒有找到返回-1

2) lastIndexOf

●作用:lastIndexOf 是從后向前檢測(cè)該字符在字符串內(nèi)的索引位置

●語法:字符串.indexOf(要查找的字符,開始索引)

●返回值:

○如果有該字符內(nèi)容, 那么就是該字符的索引位置

○如果沒有該字符內(nèi)容, 就是 -1

var str = 'hello world'
//使用lastIndexOf找到字符串中的某一個(gè)內(nèi)容
var index = str.lastIndexOf('l')
console.log(index)//9返回第一個(gè)找到的內(nèi)容的下標(biāo)后面的就不查找了,索引的位置不變
var index = str.lastIndexOf('l',8)
console.log(index)//3 返回第一個(gè)找到的內(nèi)容的下標(biāo)后面的就不查找了,索引的位置不變
var index = str.lastIndexof('w',5)
console.log(index)//-1 從后開始查找,開始的索引是5但是前面沒有找到w返回-1

3、substring與substr

1) substring

●作用:substring 是用來截取字符串使用的

●語法: substring(從哪個(gè)索引開始,到哪個(gè)索引截止),包含開始索引,不包含結(jié)束索引

●返回值:返回截取到的內(nèi)容

var str = 'hello world'
//使用substring截取字符串中的某一個(gè)內(nèi)容
var res = str. substring(2,8)
console.log(res); //llo wo

2) substr

●作用:substr 也是用來截取字符串的

●語法:substr(從哪個(gè)索引開始,截取多少個(gè))

●返回值:截取到的內(nèi)容

var str = 'hello world'
//使用substr截取字符串中的某一個(gè)內(nèi)容
var res = str.substr(2,7)//從索引2開始,截取7個(gè)
console.log(res);//llo wor

○這個(gè)方法和 substring 不一樣的是,第二個(gè)參數(shù)是截取多少個(gè)

4、toLowerCase 和 toUpperCase

●作用:這兩個(gè)方法分別是用來給字母格式的字符串轉(zhuǎn)成 小寫字母 和 大寫字母 的

●語法:

○字符串.toLowerCase()

○字符串.toUpperCase()

var str = 'hello world'
//使用toUppercase轉(zhuǎn)換成大寫
var upper = str.toUppercase(console.log(upper)// HELLO WORLD
//使用 toLowercase轉(zhuǎn)換成小寫
var lower = upper.toLowerCase()console.log(lower) // hello world

5、slice

●作用:截取字符串

●語法:字符串.slice(起始索引,結(jié)束索引)

○包含開始的索引對(duì)應(yīng)的內(nèi)容,不包含結(jié)束索引對(duì)應(yīng)的內(nèi)容

○結(jié)束索引不寫就直接截取到末尾

●返回值:截取出來的字符串

var str = ' hello world'
/使用slice截取字符串
var res = str.slice(1,4) //ell
console.log(res);
//沒有結(jié)束的索引直接截取到末尾
var res1 = str.slice(1)//ello world
console.log(res1);

6、replace

●作用:用指定的內(nèi)容替換掉字符串中的內(nèi)容

●語法:字符串.repalce(被替換的內(nèi)容,要替換的內(nèi)容)

○被替換內(nèi)容 => 換下內(nèi)容

○要替換內(nèi)容 => 換上內(nèi)容

●返回值:替換好的字符串

●注意:內(nèi)容只能被替換一次,從索引0 的位置開始

var str = 'hello world'
//使用replace替換字符串中的內(nèi)容
var res -str.replace('l','M')
console.log(res);// heMlo world
console.log(str); // hello world

7、split

●作用:按照切割符號(hào), 把字符串切割開, 放在一個(gè)數(shù)組里面.

●語法:字符串.split('指定的切割符')

○切割符可以不傳遞,就會(huì)和整體當(dāng)做一個(gè)字符串

○('')空字符串會(huì)一位一位的切割

○(' ') 字符串中有空格 會(huì)按照原字符串中的空格切割

●返回值:一個(gè)用指定切割符切割好的數(shù)組

//使用split切割成一個(gè)數(shù)組var res = str.splitO
console.log(res);//E'hello world']
var res1 = str.split('')
console.log(res1);//['h', 'e', 'l','l','o',' ','w','o','r', 'l', 'd']
var res2 = str.splitC(' ')
console.log(res2);//L'hello', 'world']

8、concat

●作用:字符串拼接也可以說是字符串合并

●語法:字符串.concat(字符串)

●返回值:拼接后的字符串

var str = 'hello world '
var str1 = 'ni hao'
//使用concat 切割成一個(gè)數(shù)組
var res = str.concat( 'ni hao' )
console.log(res); // hello world ni hao
var res1 = str.concat(str1)
console.log(res1); // hello world ni hao

9、trim

●作用:取出字符串頭尾的空白內(nèi)容

●語法:字符串.trim()

●返回值:去除空白內(nèi)容以后的字符串

var str = ' hello world '
//使用trim切割成一個(gè)數(shù)組
var res = str.trim()
console.log(res); // hello world

10、trimStart / trimLeft

●作用:去除字符串頭部的空白內(nèi)容

●語法:

○字符串.trimStart()

○字符串.trimLeft()

●返回值:去除空白內(nèi)容以后的字符串

var str = ' hello world '
//使用trimStart后者trimLeft去除頭部的空白內(nèi)容
var res = str.trimstart()
console.log(res);//hello world
var res1 = str.trimLeft()
console.log(res1); //hello world

11、trimEnd / trimRight

●作用:去除字符串尾部的空白內(nèi)容

●語法:

○字符串.trimtrimEnd()

○字符串.trimRight()

●返回值:去除空白內(nèi)容以后的字符串

var str = ' hello world '
//使用trimEnd后者trimRight去除尾部的空白內(nèi)容
var res = str.trimEnd()
console.log(res); // hello world
var res1 = str.trimRight(
console.log(res1);// hello world

12、search()

●作用:search() 方法用于檢索字符串中指定的子字符串,或檢索與正則表達(dá)式相匹配的子字符串。

●語法:

○字符串.search()

●返回值:如果沒有找到任何匹配的子串,則返回 -1。

var str="abc DEF!" // 要執(zhí)行忽略大小寫的檢索,請(qǐng)追加標(biāo)志 i。
console.log(str.search(/DEF/))//4

三:結(jié)尾

以上就是在JavaScript處理字符串中比較常用到的一些方法,雖然有些不同方法處理結(jié)果是相同的,但是在使用性能等方面也各有優(yōu)劣。各位小伙伴可以根據(jù)自己實(shí)際的開發(fā)需求自行選擇。

到此這篇關(guān)于JS操作字符串的一些常見內(nèi)置方法的文章就介紹到這了,更多相關(guān)JS操作字符串方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript實(shí)現(xiàn)彈出窗口效果

    JavaScript實(shí)現(xiàn)彈出窗口效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)彈出窗口效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • 詳解基于webpack&gettext的前端多語言方案

    詳解基于webpack&gettext的前端多語言方案

    這篇文章主要介紹了詳解基于webpack&gettext的前端多語言方案,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-01-01
  • JavaScript實(shí)現(xiàn)單例模式的六種方式

    JavaScript實(shí)現(xiàn)單例模式的六種方式

    單例模式確保一個(gè)類只有一個(gè)實(shí)例,并提供全局訪問點(diǎn),文章介紹了JavaScript中實(shí)現(xiàn)單例模式的幾種常見方式,包括對(duì)象字面量、閉包實(shí)現(xiàn)、ES6類實(shí)現(xiàn)、改進(jìn)的class實(shí)現(xiàn)、ES6模塊模式的單例以及ES6模塊本身就是單例,每種方式都有其特點(diǎn)和適用場(chǎng)景,需要的朋友可以參考下
    2025-12-12
  • 微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼

    微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼

    這篇文章主要介紹了微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼,實(shí)現(xiàn)原理就是通過點(diǎn)擊按鈕,往需要?jiǎng)赢嫷膁iv中添加或移除擁有動(dòng)畫效果的class。具體實(shí)例代碼大家跟隨小編一起通過本文學(xué)習(xí)吧
    2018-11-11
  • js瀏覽器html5表單驗(yàn)證

    js瀏覽器html5表單驗(yàn)證

    這篇文章主要為大家詳細(xì)介紹了js瀏覽器html5表單驗(yàn)證,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JavaScript 模塊化語法 import、export示例詳解

    JavaScript 模塊化語法 import、export示例詳解

    ES6 模塊化 (import / export) 是 JavaScript 官方推薦的模塊化方案,解決了 代碼復(fù)用、作用域管理、依賴管理 等問題,本文給大家介紹了JavaScript 模塊化語法 import、export示例代碼,感興趣的朋友一起看看吧
    2025-04-04
  • 不錯(cuò)的用resizeTo和moveTo兩個(gè)函數(shù)實(shí)現(xiàn)窗口的“打乒乓球”效果

    不錯(cuò)的用resizeTo和moveTo兩個(gè)函數(shù)實(shí)現(xiàn)窗口的“打乒乓球”效果

    不錯(cuò)的用resizeTo和moveTo兩個(gè)函數(shù)實(shí)現(xiàn)窗口的“打乒乓球”效果...
    2007-08-08
  • 老生常談document.ready和window.onload

    老生常談document.ready和window.onload

    這篇文章主要介紹了document.ready和window.onload的相關(guān)知識(shí),包括document.ready和window.onload的區(qū)別,要使用document.ready()或者document.onload()的原因分析,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧
    2024-01-01
  • Js四則運(yùn)算函數(shù)代碼

    Js四則運(yùn)算函數(shù)代碼

    javascript的除法結(jié)果會(huì)有誤差,在兩個(gè)浮點(diǎn)數(shù)相除的時(shí)候會(huì)比較明顯。這個(gè)函數(shù)返回較為精確的除法結(jié)果
    2012-07-07
  • 微信小程序?qū)W習(xí)總結(jié)(一)項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)分析

    微信小程序?qū)W習(xí)總結(jié)(一)項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)分析

    這篇文章主要介紹了微信小程序?qū)W習(xí)總結(jié)(一)項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu),總結(jié)分析了微信小程序項(xiàng)目創(chuàng)建、配置方法以及目錄結(jié)構(gòu)、文件功能,需要的朋友可以參考下
    2020-06-06

最新評(píng)論

榕江县| 西充县| 澜沧| 六枝特区| 镇赉县| 体育| 永城市| 沅江市| 阜康市| 金川县| 荥阳市| 宁晋县| 辉南县| 卢氏县| 潮安县| 阿拉善盟| 民权县| 米脂县| 江津市| 赤水市| 土默特左旗| 南康市| 遂平县| 兴化市| 永和县| 河源市| 临湘市| 武乡县| 攀枝花市| 黄大仙区| 呼伦贝尔市| 铁岭县| 宁乡县| 静安区| 三穗县| 灌南县| 余庆县| 拜城县| 讷河市| 光山县| 湖南省|