JavaScript中String對象的使用方法以及實例
更新時間：2022年04月21日 09:21:45 作者：湯鍵.TJ
這篇文章主要給大家介紹了關于JavaScript中String對象的使用方法以及實例的相關資料,文中通過實例代碼介紹的非常詳細,方便開發(fā)者在JavaScript開發(fā)中更好地處理字符串,需要的朋友可以參考下
方法總覽：
實例(js中字符串和字符串對象之間能夠自由轉換，字符串可以直接使用字符串對象的方法和屬性)：
var ss="孫士彬倪煒豪湯鍵倪煒豪";
document.write(ss.anchor("cc")+"<br>");
// 生成一段 HTML 代碼：<a name="cc">孫士彬倪煒豪湯鍵倪煒豪</a>
document.write(ss.link("https://www.bilibili.com/")+"<br>");
// 生成一段 HTML 代碼：< a >孫士彬倪煒豪湯鍵倪煒豪</a>
document.write(ss.big()+"<br>");
// 生成一段 HTML 代碼：<big>孫士彬倪煒豪湯鍵倪煒豪</big>
document.write(ss.small()+"<br>");
// 生成一段 HTML 代碼：<small>孫士彬倪煒豪湯鍵倪煒豪</small>
document.write(ss.blink()+"<br>");
// 生成一段 HTML 代碼：<blink>孫士彬倪煒豪湯鍵倪煒豪</blink>
document.write(ss.bold()+"<br>");
// 生成一段 HTML 代碼：<b>孫士彬倪煒豪湯鍵倪煒豪</b>
document.write(ss.charAt(0)+"<br>");
// 獲取 ss 中的第 0 個字符，字符從0開始；輸出：孫
document.write(ss.charCodeAt(0)+"<br>");
// 獲取 ss 中第 0 個字符的 Unicode 編碼，輸出：23385
document.write(ss.concat("老朋友")+"<br>");
// 將字符串“老朋友”拼接到字符串 ss 之后，輸出：孫士彬倪煒豪湯鍵倪煒豪老朋友
document.write(ss.fontcolor("red")+"<br>");
// 生成一段 HTML 代碼：<font color="red">孫士彬倪煒豪湯鍵倪煒豪</font>
document.write(ss.fontsize(1)+"<br>");
// 生成一段 HTML 代碼：<font size="1">孫士彬倪煒豪湯鍵倪煒豪</font>
document.write(ss.strike()+"<br>");
// 生成一段 HTML 代碼：<strike>孫士彬倪煒豪湯鍵倪煒豪</strike>
document.write(ss.sub()+"<br>");
// 生成一段 HTML 代碼：<sub>JavaScript教程</sub>
document.write(ss.italics()+"<br>");
// 生成一段 HTML 代碼：<i>孫士彬倪煒豪湯鍵倪煒豪</i>
document.write(ss.sup()+"<br>");
// 生成一段 HTML 代碼：<sup>孫士彬倪煒豪湯鍵倪煒豪</sup>
document.write(ss.indexOf("倪煒豪")+"<br>");
// 獲取字符串“倪煒豪”在 ss 中首次出現(xiàn)的位置，輸出：3
document.write(ss.lastIndexOf("倪煒豪")+"<br>");
// 獲取字符串“倪煒豪”在 ss 中最后一次出現(xiàn)的位置，輸出：8
document.write(ss.localeCompare("ww")+"<br>");
比較字符串對象與給定字符串，返回：-1
document.write(ss.match(/[倪]/g)+"<br>");
// 根據(jù)正則 /[倪]/g 檢索 ss，返回：倪,倪 以下不用正則都只會匹配1個字符
document.write(ss.replace(/[倪]/g,"ni")+"<br>");
// 使用字符串“ni”替換正則 /[倪]/g 匹配的字符，返回：孫士彬ni煒豪湯鍵ni煒豪
document.write(ss.search(/[倪]/g)+"<br>");
// 獲取與正則匹配的字符串首次出現(xiàn)的位置，返回：3
document.write(ss.slice(0,3)+"<br>");
// 截取字符串（獲取 str 中第 0 到第 2 個字符），返回：孫士彬
document.write(ss.split("倪")+"<br>");
// 根據(jù)“倪”將字符串 str 拆分為數(shù)組，返回：孫士彬,煒豪湯鍵,煒豪
document.write(ss.substr(0,3)+"<br>");
// 從第 4 個字符開始，向后截取 3 個字符，返回：孫士彬
document.write(ss.substring(3,6)+"<br>");
// 截取字符串（獲取 str 中第 3 到第 5 個字符），返回：倪煒豪
document.write(String.fromCharCode(72,69,76,76,79)+"<br>");
// 將 Unicode 編碼轉換為具體的字符，輸出：HELLO
html通過<script>標簽包含外部js文件運行
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>love</title> <script src="test.js"> </script> </head> <body> </body> </html>
總結
到此這篇關于JavaScript中String對象使用的文章就介紹到這了,更多相關JS String對象使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了分析JavaScript中this引發(fā)的bug以及相關的處理方法分析，一起學習下吧。2017-12-12
隊列指的是一種受限的線性表，先進先出，今天通過本文帶領大家認識隊列及隊列的應用，對JS數(shù)據(jù)結構與算法-隊列結構相關知識感興趣的朋友一起看看吧2022-11-11
這篇文章主要介紹了Javascript如何理解全國甲卷高考作文,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
Bootstrap面板（Panels）的簡單實現(xiàn)代碼
這篇文章主要為大家詳細介紹了Bootstrap面板（Panels）的簡單實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript實現(xiàn)圖片懶加載的三種方案詳解
圖片懶加載,當圖片出現(xiàn)在可視區(qū)域再進行加載,提升用戶的體驗,這篇文章主要為大家整理了三個常用的圖片懶加載實現(xiàn)方法,希望對大家有所幫助2023-12-12
這篇文章主要介紹了使用原生JS實現(xiàn)滾輪翻頁效果的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
?javascript學數(shù)組中的foreach方法和some方法
這篇文章主要介紹了?javascript學數(shù)組中的foreach方法和some方法，文章相關內容和代碼詳細，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學習有所幫助2022-03-03
JavaScript中l(wèi)ayer關閉指定彈出窗口方法總結
這篇文章主要給大家介紹了關于JavaScript中l(wèi)ayer關閉指定彈出窗口方法的相關資料,layer是layui的一個彈出層組件,但是可以作為獨立組件使用,需要的朋友可以參考下2023-10-10
本文為大家詳細介紹下使用JS添加千分位以及去掉千分位的實現(xiàn)代碼，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要教大家如何簡單實現(xiàn)js輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07