摘要:類(lèi)型描述類(lèi)型對(duì)應(yīng)原始類(lèi)型中的類(lèi)型大小寫(xiě)轉(zhuǎn)換表示將指定字符串中內(nèi)容英文小小寫(xiě)的轉(zhuǎn)換方法表示將內(nèi)容轉(zhuǎn)換成大寫(xiě)方法表示將內(nèi)容轉(zhuǎn)換成小寫(xiě)定義一個(gè)字符串將字符串轉(zhuǎn)換成全大寫(xiě)將字符串轉(zhuǎn)換成全小寫(xiě)根據(jù)指定位置獲取字符串內(nèi)容表示通過(guò)指定字符串中指定字符的位
String類(lèi)型 描述
String類(lèi)型對(duì)應(yīng)原始類(lèi)型中的string類(lèi)型
大小寫(xiě)轉(zhuǎn)換表示將指定字符串中內(nèi)容(英文)小小寫(xiě)的轉(zhuǎn)換
toUpperCase()方法表示將內(nèi)容轉(zhuǎn)換成大寫(xiě)
toLowerCase()方法表示將內(nèi)容轉(zhuǎn)換成小寫(xiě)
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* 將字符串轉(zhuǎn)換成全大寫(xiě) */ var s = str.toUpperCase(); console.log( s );//SANBUBAITOU /* 將字符串轉(zhuǎn)換成全小寫(xiě) */ console.log( s.toLowerCase() );//sanbubaitou根據(jù)指定位置獲取字符串內(nèi)容
表示通過(guò)指定字符串中指定字符的位置(索引值)來(lái)獲取對(duì)應(yīng)的內(nèi)容
charAt()方法表示返回指定的字符內(nèi)容
charCodeAt()方法表示返回指定的字符內(nèi)容所對(duì)應(yīng)的 Unicode碼
var str = "sanbubaitou"; /* length屬性表示字符串的長(zhǎng)度(字符的個(gè)數(shù)) */ console.log( str.length );// 顯示 11 /* charAt()方法 */ console.log( str.charAt( 0 ) );// 顯示 s /* charCodeAt()方法 */ console.log( str.charCodeAt( 0 ) );// 顯示 115(Unicode碼)檢索字符串
表示檢索目標(biāo)字符串中是否存在指定字符
indexOf()方法表示從左到右的順序進(jìn)行檢索
lastIndexOf()方法表示從右到左的順序進(jìn)行檢索
注意
以上兩種方法只能匹配到第一個(gè)與目標(biāo)字符相同的字符,并顯示位置信息
如果指定字符串中存在多個(gè)相同的字符,只會(huì)找到第一個(gè),剩下的將不會(huì)再去查找
如果需要檢索的字符不存在會(huì)顯示 -1(固定寫(xiě)法)
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* 通過(guò)indexOf()方法進(jìn)行檢測(cè) */ console.log( str.indexOf( "a" ) );// 顯示 1(索引值) /* 通過(guò)lastIndexOf()方法進(jìn)行檢測(cè) */ console.log( str.lastIndexOf( "u" ) );// 顯示 10(索引值) /* 檢測(cè)的目標(biāo)不存在時(shí) */ console.log( str.indexOf( "w" ) );// 顯示 -1截取字符串
表示對(duì)指定的字符串進(jìn)行截取
slice()方法表示截取指定字符串,并將截取的內(nèi)容組成一個(gè)新的字符串進(jìn)行返回
該方法的參數(shù)
第一個(gè)參數(shù) - 表示開(kāi)始截取的位置
第二個(gè)參數(shù) - 表示結(jié)束截取的位置
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* slice()方法 */ console.log( str.slice( 4, 8 ) );// 顯示 ubaisubstr()方法
表示通過(guò)指定的長(zhǎng)度來(lái)進(jìn)行截取,并將截取的內(nèi)容組成一個(gè)新的字符串進(jìn)行返回
該方法的參數(shù)
第一個(gè)參數(shù) - 表示開(kāi)始截取的位置
第二個(gè)參數(shù) - 表示截取的長(zhǎng)度
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* substr()方法 */ console.log( str.substr( 5, 10 ) );// 顯示 baitousubstring()方法
表示截取指定字符串,并將截取的內(nèi)容組成一個(gè)新的字符串進(jìn)行返回
該方法的參數(shù)
第一個(gè)參數(shù) - 表示開(kāi)始截取的位置
第二個(gè)參數(shù) - 表示結(jié)束截取的位置
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* substring()方法 */ console.log( str.substring( 3, 9 ) );// 顯示 bubaitslice()方法 和 substring()方法 的對(duì)比
slice()方法的參數(shù)可以寫(xiě)負(fù)值
負(fù)值 - 表示反方向截取
substring()方法的參數(shù)不可以寫(xiě)負(fù)數(shù)
寫(xiě)了負(fù)值將不會(huì)有顯示
/* 定義一個(gè)字符串 */ var str = "sanbubaitou"; /* slice()方法 */ console.log( str.slice( -8, -4 ) );// 顯示 buba /* substring()方法 */ console.log( str.substring( -9, -3 ) );// 沒(méi)有顯示分隔字符串
表示對(duì)指定的字符串進(jìn)行分隔,并將分隔后的字符以數(shù)組的形式進(jìn)行返回
split()方法用于對(duì)字符串進(jìn)行分隔
參數(shù) - 字符與字符之間的分隔符
分隔符是什么就寫(xiě)什么,沒(méi)有就寫(xiě)空字符串
/* 定義一個(gè)字符串 */ var str1 = "s,a,n,b,u,b,a,i,t,o,u"; /* 分隔字符串 - 有分隔符的 */ var s1 = str1.split( "," ); console.log( s1 );// 顯示 [ "s", "a", "n", "b", "u", "b", "a", "i", "t", "o", "u" ] /* 定義另一個(gè)字符串 */ var str2 = "sanbubaitou"; /* 分隔字符串 - 沒(méi)有分隔符的 */ var s2 = str2.split( "" ); console.log( s2 );// 顯示 [ "s", "a", "n", "b", "u", "b", "a", "i", "t", "o", "u" ]替換子字符串
表示匹配指定字符串中的指定內(nèi)容,將其替換成新的內(nèi)容
replace()方法用于對(duì)字符串中的內(nèi)容進(jìn)行替換
參數(shù)
第一個(gè)參數(shù) - 定義正則表達(dá)式(搜索并匹配被替換的內(nèi)容)
第二個(gè)參數(shù) - 替換的新內(nèi)容
該方法具有返回值
將返回替換后的新字符串
/* 定義一個(gè)字符串 */ var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft"; /* 進(jìn)行替換 */ var s1 = str.replace( /microsoft/, "三步白頭" ); console.log( s1 );// 顯示 Microsoft is a big Company, 三步白頭’s color is red and has MICROSOFT logo like microsoft /* 添加修飾符搜索 */ var s2 = str.replace( /microsoft/i, "三步白頭" ); console.log( s2 );// 顯示 三步白頭 is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft /* 添加修飾符搜索 */ var s3 = str.replace( /microsoft/ig, "三步白頭" ); console.log( s3 );// 顯示 三步白頭 is a big Company, 三步白頭’s color is red and has 三步白頭 logo like 三步白頭匹配字符串
表示通過(guò)正則表達(dá)式匹配指定字符串中的指定內(nèi)容
match()方法用于對(duì)指定字符串中的內(nèi)容進(jìn)行匹配
參數(shù) - 正則表達(dá)式的匹配判斷條件
該方法具有返回值 - 一個(gè)數(shù)組
第一個(gè)元素 - 表示匹配的內(nèi)容
第二個(gè)元素 - 表示匹配內(nèi)容所在的位置(索引值)
第三個(gè)元素 - 表示完整字符串
如果匹配的內(nèi)容數(shù)量大于一個(gè)將返回所有匹配的內(nèi)容
/* 定義一個(gè)字符串 */ var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft"; /* 進(jìn)行匹配 */ var s1 = str.match( /microsoft/ ); console.log( s1 );// 顯示 [ "microsoft", index: 28, input: "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft" ] /* 添加修飾符匹配 */ var s2 = str.match( /microsoft/i ); console.log( s2 );// 顯示 [ "Microsoft", index: 0, input: "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft" ] /* 添加修飾符匹配 */ var s3 = str.match( /microsoft/ig ); console.log( s3 );// 顯示 [ "Microsoft", "microsoft", "MICROSOFT", "microsoft" ]查找字符串
表示通過(guò)正則表達(dá)式去查找指定字符串中的指定內(nèi)容
search()方法用于查找指定字符串中的內(nèi)容
參數(shù) - 正則表達(dá)式的匹配判斷條件
該方法具有返回值 - 一個(gè)數(shù)組
如果只匹配一個(gè)指定內(nèi)容的話(huà),返回匹配內(nèi)容第一個(gè)字符的索引值
如果匹配是多個(gè)指定內(nèi)容的話(huà),返回第一個(gè)匹配內(nèi)容的第一個(gè)字符的索引值
/* 定義一個(gè)字符串 */ var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft"; /* 進(jìn)行匹配 */ var s1 = str.search( /microsoft/ ); console.log( s1 );// 顯示 28(索引值) /* 添加修飾符匹配 */ var s2 = str.search( /microsoft/i ); console.log( s2 );// 顯示 0(索引值) /* 添加修飾符匹配 */ var s3 = str.search( /microsoft/ig ); console.log( s3 );// 顯示 0(索引值)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/108443.html
摘要:類(lèi)型概述字符串是什么類(lèi)型與原始類(lèi)型對(duì)應(yīng)包裝類(lèi)型常見(jiàn)操作大小寫(xiě)轉(zhuǎn)換表示大寫(xiě)表示小寫(xiě)并以對(duì)象提供,用于大小寫(xiě)轉(zhuǎn)換轉(zhuǎn)換成大寫(xiě)在轉(zhuǎn)換成小寫(xiě)獲取指定位置的字符串對(duì)象提供,用于獲取指定位置的字符表示將指定位置的字符表示將指定位置的字符的編碼檢索字符串對(duì) JS(JavaScript)String類(lèi)型;1.概述; 字符串是什么 String類(lèi)型與原始類(lèi)型string對(duì)應(yīng)包裝類(lèi)型2.常見(jiàn)操作; 大小寫(xiě)轉(zhuǎn)...
摘要:接口前端程序員很難理解的點(diǎn)也是一門(mén)面向?qū)ο蟮恼Z(yǔ)言,但是中它是基于原型實(shí)現(xiàn)的,中使用了類(lèi),這樣會(huì)更清晰的體會(huì)到面向?qū)ο筮@一說(shuō)法,但是實(shí)際在中的面向?qū)ο蟾油暾?,它跟這些語(yǔ)言一樣,通過(guò)接口和類(lèi)去完整的面向?qū)ο缶幊獭? 從入門(mén)到放棄的java 初中時(shí)自學(xué)過(guò)JAVA,學(xué)了大概一個(gè)多月吧, 學(xué)了一個(gè)多月,看視頻這些,后面放棄了編程。 依稀記得,那段日子極度苦逼,我想如果當(dāng)時(shí)是學(xué)javaScrip...
摘要:接口前端程序員很難理解的點(diǎn)也是一門(mén)面向?qū)ο蟮恼Z(yǔ)言,但是中它是基于原型實(shí)現(xiàn)的,中使用了類(lèi),這樣會(huì)更清晰的體會(huì)到面向?qū)ο筮@一說(shuō)法,但是實(shí)際在中的面向?qū)ο蟾油暾?,它跟這些語(yǔ)言一樣,通過(guò)接口和類(lèi)去完整的面向?qū)ο缶幊獭? 從入門(mén)到放棄的java 初中時(shí)自學(xué)過(guò)JAVA,學(xué)了大概一個(gè)多月吧, 學(xué)了一個(gè)多月,看視頻這些,后面放棄了編程。 依稀記得,那段日子極度苦逼,我想如果當(dāng)時(shí)是學(xué)javaScrip...
摘要:原型描述所有函數(shù)類(lèi)型都具有的屬性在函數(shù)進(jìn)行定義時(shí),就包含屬性屬性的默認(rèn)值為一個(gè)空對(duì)象獲取原型第一種構(gòu)造函數(shù)的屬性第二種對(duì)象提供的方法啊哈哈所有函數(shù)都具有屬性,可以直接調(diào)用顯示類(lèi)型包含構(gòu)造函數(shù)所有引用類(lèi)型都可以使用構(gòu)造函數(shù)方式定義所有引用類(lèi) 原型 描述 所有函數(shù)(Function類(lèi)型)都具有的屬性 在函數(shù)進(jìn)行定義時(shí),就包含prototype屬性 prototype屬性的默認(rèn)值為一個(gè)空對(duì)...
閱讀 3122·2021-11-23 09:51
閱讀 1989·2021-09-09 09:32
閱讀 1096·2019-08-30 15:53
閱讀 2966·2019-08-30 11:19
閱讀 2476·2019-08-29 14:15
閱讀 1444·2019-08-29 13:52
閱讀 563·2019-08-29 12:46
閱讀 2831·2019-08-26 12:18