前端切圖仔,常用的21個(gè)字符串方法(下)

字符串方法

更多方法實(shí)例可以參見(jiàn):JavaScript String 對(duì)象。

方法 描述
charAt() 返回指定索引位置的字符
charCodeAt() 返回指定索引位置字符的 Unicode 值
concat() 連接兩個(gè)或多個(gè)字符串,返回連接后的字符串
fromCharCode() 將 Unicode 轉(zhuǎn)換為字符串
indexOf() 返回字符串中檢索指定字符第一次出現(xiàn)的位置
lastIndexOf() 返回字符串中檢索指定字符最后一次出現(xiàn)的位置
localeCompare() 用本地特定的順序來(lái)比較兩個(gè)字符串
match() 找到一個(gè)或多個(gè)正則表達(dá)式的匹配
replace() 替換與正則表達(dá)式匹配的子串
search() 檢索與正則表達(dá)式相匹配的值
slice() 提取字符串的片斷,并在新的字符串中返回被提取的部分
split() 把字符串分割為子字符串?dāng)?shù)組
substr() 從起始索引號(hào)提取字符串中指定數(shù)目的字符
substring() 提取字符串中兩個(gè)指定的索引號(hào)之間的字符
toLocaleLowerCase() 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為小寫(xiě),只有幾種語(yǔ)言(如土耳其語(yǔ))具有地方特有的大小寫(xiě)映射
toLocaleUpperCase() 根據(jù)主機(jī)的語(yǔ)言環(huán)境把字符串轉(zhuǎn)換為大寫(xiě),只有幾種語(yǔ)言(如土耳其語(yǔ))具有地方特有的大小寫(xiě)映射
toLowerCase() 把字符串轉(zhuǎn)換為小寫(xiě)
toString() 返回字符串對(duì)象值
toUpperCase() 把字符串轉(zhuǎn)換為大寫(xiě)
trim() 移除字符串首尾空白
valueOf() 返回某個(gè)字符串對(duì)象的原始值
十一:slice()方法
定義和用法

slice() 方法可從已有的數(shù)組中返回選定的元素。

實(shí)例

例子 1

在本例中,我們將創(chuàng)建一個(gè)新數(shù)組,然后顯示從其中選取的元素:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>

輸出:

George,John,Thomas
John,Thomas
George,John,Thomas

例子 2

在本例中,我們將創(chuàng)建一個(gè)新數(shù)組,然后顯示從其中選取的元素:

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>

輸出:

George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin
十二:split()方法
定義和用法

split() 方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組。

實(shí)例

例子 1

在本例中,我們將按照不同的方式來(lái)分割字符串:

<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))

</script>

輸出:

How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

例子 2

在本例中,我們將分割結(jié)構(gòu)更為復(fù)雜的字符串:

"2:3:4:5".split(":")    //將返回["2", "3", "4", "5"]
"|a|b|c".split("|") //將返回["", "a", "b", "c"]

例子 3

使用下面的代碼,可以把句子分割成單詞:

var words = sentence.split(' ')

或者使用正則表達(dá)式作為 separator:

var words = sentence.split(/\s+/)

例子 4

如果您希望把單詞分割為字母,或者把字符串分割為字符,可使用下面的代碼:

"hello".split("")   //可返回 ["h", "e", "l", "l", "o"]

若只需要返回一部分字符,請(qǐng)使用 howmany 參數(shù):

"hello".split("", 3)    //可返回 ["h", "e", "l"]
十三:substr()方法
定義和用法

substr() 方法可在字符串中抽取從 start 下標(biāo)開(kāi)始的指定數(shù)目的字符。

實(shí)例

例子 1

在本例中,我們將使用 substr() 從字符串中提取一些字符:

<script type="text/javascript">

var str="Hello world!"
document.write(str.substr(3))

</script>

輸出:

lo world!

例子 2

在本例中,我們將使用 substr() 從字符串中提取一些字符:

<script type="text/javascript">

var str="Hello world!"
document.write(str.substr(3,7))

</script>

輸出:

lo worl
十四:substring()
定義和用法

substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。

實(shí)例

例子 1

在本例中,我們將使用 substring() 從字符串中提取一些字符:

<script type="text/javascript">

var str="Hello world!"
document.write(`str.substring(3)`)

</script>

輸出:

lo world!

例子 2

在本例中,我們將使用 substring() 從字符串中提取一些字符:

<script type="text/javascript">

var str="Hello world!"
document.write(`str.substring(3,7)`)

</script>

輸出:

lo w
十五:toLocaleLowerCase()
定義和用法

toLocaleLowerCase() 方法用于把字符串轉(zhuǎn)換為小寫(xiě)。

實(shí)例

在本例中,"Hello world!" 將以小寫(xiě)字母來(lái)顯示:

<script type="text/javascript">

var str="Hello World!"
document.write(str.toLocaleLowerCase())

</script>
十六:toLocaleUpperCase()
定義和用法

toLocaleUpperCase() 方法用于把字符串轉(zhuǎn)換為大寫(xiě)。

實(shí)例

在本例中,"Hello world!" 將以大寫(xiě)字母來(lái)顯示:

<script type="text/javascript">

var str="Hello World!"
document.write(str.toLocaleUpperCase())

</script>
十七:toLowerCase()
定義和用法

toLowerCase() 方法用于把字符串轉(zhuǎn)換為小寫(xiě)。

實(shí)例

在本例中,"Hello world!" 將以小寫(xiě)字母來(lái)顯示:

<script type="text/javascript">

var str="Hello World!"
document.write(str.toLowerCase())

</script>
十八:toString()
定義和用法

toString() 方法可把一個(gè) Number 對(duì)象轉(zhuǎn)換為一個(gè)字符串,并返回結(jié)果。

實(shí)例

在本例中,我們將把一個(gè)數(shù)字轉(zhuǎn)換為字符串:

<script type="text/javascript">

var number = new Number(1337);
document.write (number.toString())

</script>

輸出:

1337
十九:toUpperCase()
定義和用法

toUpperCase() 方法用于把字符串轉(zhuǎn)換為大寫(xiě)。

實(shí)例

在本例中,"Hello world!" 將以大寫(xiě)字母來(lái)顯示:

<script type="text/javascript">

var str="Hello World!"
document.write(str.toUpperCase())

</script>

二十:trim()
定義和用法

trim() 方法用于刪除字符串的頭尾空白符,空白符包括:空格、制表符 tab、換行符等其他空白符等。

trim() 方法不會(huì)改變?cè)甲址?/p>

trim() 方法不適用于 null, undefined, Number 類型。

實(shí)例

function myTrim(x) {
  return x.replace(/^\s+|\s+$/gm,'');
}
 
function myFunction() {
  var str = myTrim("        Runoob        ");
  alert(str);
}

輸出結(jié)果

Runoob 
二十一:valueOf()
定義和用法

valueOf() 方法可返回 String 對(duì)象的原始值。

注意: valueOf() 方法通常由 JavaScript 在后臺(tái)自動(dòng)進(jìn)行調(diào)用,而不是顯式地處于代碼中。

實(shí)例

返回 String 對(duì)象的原始值:

<script>

var str="Hello world!";
document.write(str.valueOf());

</script>

以上實(shí)例輸出結(jié)果:

Hello world!

參考:https://www.runoob.com/jsref/jsref-obj-string.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容