在 JavaScript 中如何更改字符串字符
JavaScript 中沒有內(nèi)置或默認(rèn)方法可以直接更改字符串中的字符,但我們可以借助其他字符串方法(如 substring()
、split()
和 join()
)來完成此操作。
在本文中,我們將創(chuàng)建自定義函數(shù),借助不同示例的默認(rèn)字符串方法,在我們想要的任何位置替換或更改字符串中的字符。
在 JavaScript 中使用 substring() 更改字符串字符
substring()
方法是 JavaScript 中預(yù)定義的方法,我們在字符串上使用它來借助索引提取字符串的定義字符。 它從完整聲明的字符串中搜索定義的索引,并提取從頭到尾的部分。
substring()
方法不會改變原始字符串。 它返回新字符串。
語法:
let string = "Hello world!"; let result = string.substring(1, 5); // result will be "ello"
現(xiàn)在,通過使用 substring()
方法,我們將初始化要在特定位置更改所需字符的字符串。 我們將需要提供我們想要更改的所需字符和索引。
let string = "jiyik is the b_st website to learn programming" // here we want to change "_" with "e" function changeChar() { let result = setCharOnIndex(string,20,'e'); console.log("Original string : "+string) console.log("Updated string : "+result) } function setCharOnIndex(string,index,char) { if(index > string.length-1) return string; return string.substring(0,index) + char + string.substring(index+1); } changeChar()
輸出:
"Original string : jiyik is the b_st website to learn programming"
"Updated string : jiyik is the best website to learn programming"
示例代碼解釋:
- 我們在上面的 JavaScript 源代碼中初始化了一個(gè)包含拼寫錯(cuò)誤的字符串。
- 我們已經(jīng)聲明了一個(gè)自定義函數(shù) setCharOnIndex(),它將一個(gè)字符串、索引和字符作為參數(shù)。
- 在提供的索引上,它將使用默認(rèn)的 substring() 方法將傳遞的字符串分成兩部分。
- 然后,我們連接中間傳遞的字符并最終確定字符串。
- 我們顯示了更新后的字符串以查看結(jié)果并區(qū)分方法的工作方式。
- 我們已經(jīng)聲明了我們調(diào)用 setCharOnIndex() 函數(shù)的 changeChar() 函數(shù)。
- 您可以在控制臺日志框中看到輸出。
在 JavaScript 中使用 split() 和 join() 更改字符串字符
在 JavaScript 中,split()
是一個(gè)預(yù)定義的方法,它將聲明的字符串拆分為子字符串?dāng)?shù)組。 原始字符串不會被 split()
方法改變; 它返回一個(gè)新的字符串字符數(shù)組。
join()
方法從數(shù)組中返回一個(gè)字符串。 它不會改變原來的數(shù)組。
我們可以在字符串上使用 split()
方法和 join()
來更改任何位置的字符。 我們將初始化帶有拼寫錯(cuò)誤的字符串,并測試 split()
和 join()
方法以更改任何所需索引或位置處的字符。
示例代碼:
let string = "jiyik is the b_st website to learn programming"; // here we want to change "_" with "e" let array = string.split(''); // converting into an array array[20] = "e"; // added "e" in the place of "_" let result = array.join(''); // created string again console.log("Original string : "+string) console.log("Updated string : "+result)
輸出:
"Original string : jiyik is the b_st website to learn programming"
"Updated string : jiyik is the best website to learn programming"
示例代碼解釋:
- 同樣,我們在上面的 JavaScript 源代碼中初始化了一個(gè)包含拼寫錯(cuò)誤的字符串。
- 我們使用 split() 方法將字符串拆分為子字符串?dāng)?shù)組。
- 我們已將索引 20 上的 e 字符指定為隨 _ 變化。
- 然后,我們使用 join() 方法從已更改的最終數(shù)組再次生成字符串。
- 最后,我們顯示更新后的字符串以查看結(jié)果并區(qū)分方法的工作方式。
- 查看控制臺日志框中的輸出。
到此這篇關(guān)于在 JavaScript 中更改字符串字符的文章就介紹到這了,更多相關(guān)js更改字符串字符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript實(shí)現(xiàn)的簡單的表單驗(yàn)證
這篇文章主要介紹了javascript實(shí)現(xiàn)的簡單的表單驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2015-07-07js中的bigint類型轉(zhuǎn)化為json字符串時(shí)報(bào)無法序列化的問題
JSON序列化指將JSON對象轉(zhuǎn)換為JSON字符串,J實(shí)現(xiàn)方式有兩種:一種是調(diào)用JSON對象內(nèi)置的stringify()函數(shù),一種是為對象自定義toJSON()函數(shù),本文重點(diǎn)介紹js中的bigint類型轉(zhuǎn)化為json字符串時(shí)報(bào)無法序列化的問題,感興趣的朋友一起看看吧2024-01-01JavaScript style對象與CurrentStyle對象案例詳解
這篇文章主要介紹了JavaScript style對象與CurrentStyle對象案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08JavaScript中自帶的 reduce()方法使用示例詳解
下文小編給大家?guī)砹薺s中自帶的reduce()方法使用示例詳解,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南
tabBar如果應(yīng)用是一個(gè)多tab應(yīng)用,可以通過tabBar配置項(xiàng)指定tab欄的表現(xiàn),以及tab切換時(shí)顯示的對應(yīng)頁,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序配置tabbar底部導(dǎo)航欄的相關(guān)資料,需要的朋友可以參考下2022-09-09