欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

前端js經(jīng)典之字符串超全方法總結(jié)大全

 更新時間：2024年07月22日 09:40:28   作者：yqcoder  
我們操作字符串,也有一堆的方法來幫助我們操作,這篇文章主要給大家介紹了關(guān)于前端js經(jīng)典題之字符串超全方法的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

1. anchor 創(chuàng)建 a 標簽字符串

anchor(name)，name：a 標簽的 name 屬性

返回一個 a 標簽字符串

let str = "yqcoder";

// 不傳值
str.anchor(); // '<a name="undefined">yqcoder</a>'

// 創(chuàng)建 name 屬性為 web 的 a 標簽字符串
str.anchor("web"); // '<a name="web">yqcoder</a>'

2. at 根據(jù)下標查找字符

at(index?)，index：字符串下標，默認等于 0

返回下標所在字符串，如果沒找到返回 undefined

let str = "yqcoder";

// 默認返回第 1 個字符
str.at(); // 'y'

// 查找最后 1 個字符
str.at(-1); // 'r'

// 沒找到
str.at(100); // undefined

3. big 創(chuàng)建大號標簽字符串

big()，返回大號標簽字符串

let str = "yqcoder";

// 創(chuàng)建 str 大號標簽字符串
str.big(); // '<big>yqcoder</big>'

4. blink 創(chuàng)建閃動標簽字符串

blink()，返回閃動標簽字符串

let str = "yqcoder";

// 創(chuàng)建 str 閃動標簽字符串
str.big(); // '<blink>yqcoder</blink>'

5. bold 創(chuàng)建粗體標簽字符串

bold()，返回粗體標簽字符串

let str = "yqcoder";

// 創(chuàng)建 str 粗體標簽字符串
str.bold(); // '<b>yqcoder</b>'

6. charAt 查找下標對應字符

charAt(index?)，index：字符下標，默認為 0

查找到返回對應字符，如果沒找到返回空 ""。

let str = "yqcoder";

// 默認返回第 1 位字符
str.charAt(); // y

// 返回最后 1 位字符
str.charAt(str.length - 1); // r

// 找不到
str.charAt(100); // ""

7. charCodeAt 查找下標對應字符的 Unicode 編碼。

charCodeAt(index?)，index：字符下標，默認為 0

查找到返回對應字符，如果沒找到返回空 NAN。

let str = "yqcoder";

// 默認返回第 1 位字符
str.charCodeAt(); // 121

// 返回最后 1 位字符
str.charCodeAt(str.length - 1); // 114

// 找不到
str.charCodeAt(100); // NAN

8. codePointAt 查找下標對應字符的 Unicode 編碼。

codePointAt(index?)，index：字符下標，默認為 0

查找到返回對應字符，如果沒找到返回空 undefined。

let str = "yqcoder";

// 默認返回第 1 位字符
str.codePointAt(); // 121

// 返回最后 1 位字符
str.codePointAt(str.length - 1); // 114

// 找不到
str.codePointAt(100); // undefined

9. concat 字符串拼接

concat(arg)，arg 參數(shù)可以是字符串，數(shù)組，多層數(shù)組，多個數(shù)組。

返回拼接好的字符串

let str = "yqcoder";

// 拼接普通字符串
str.concat(" is coder"); // 'yqcoder is coder'

// 拼接字符串數(shù)組
str.concat([" is coder", " is a man"]); // 'yqcoder is coder, is a man'

// 拼接多層字符串數(shù)組
str.concat([" is coder", [" is a man", [" is a big"]]]); // 'yqcoder is coder, is a man, is a big'

// 拼接多個數(shù)組字符串
str.concat([" is coder"], [" is a man"]); // 'yqcoder is coder is a man'

10. endsWith 判斷字符串是否由特定字符結(jié)尾

endsWith(str, length?)，str：特定字符，length：被用來判斷的字符長度，從左到右的字符長度。

判斷時區(qū)分大小寫，符合返回 true，不符合返回 false

let str = "yqcoder";

// 判斷是否coder結(jié)尾
str.endsWith("coder"); // true

// 判斷是否Coder結(jié)尾
str.endsWith("Coder"); // false

// 判斷前 6 個字符是否以 coder 結(jié)尾
str.endsWith("coder", 6); // false

11. fixed 創(chuàng)建<tt>標簽字符串

fixed()，返回<tt>標簽字符串

let str = "yqcoder";

// 創(chuàng)建 str <tt>標簽字符串
str.fixed(); // '<tt>yqcoder</tt>'

12. fontcolor 創(chuàng)建 color 屬性的 font 標簽字符串

fontcolor(color)，color：顏色

返回 color 屬性的 font 標簽字符串

let str = "yqcoder";

// 創(chuàng)建color為red的<font>標簽字符串
str.fontcolor("red"); // '<font color="red">yqcoder</font>'

13. fontsize 創(chuàng)建 size 屬性的 font 標簽字符串

fontsize(size)，size：字體大小

返回 size 屬性的 font 標簽字符串

let str = "yqcoder";

// 創(chuàng)建size為red的<font>標簽字符串
str.fontsize(12); // '<font size="12">yqcoder</font>'

14. includes 判斷是否包含特定字符串

includes(str, start?)，str：特定字符串，start：開始下標

包含返回 true，不包含返回 false

let str = "yqcoder";

// 判斷是否包含 'yq' 字符
str.includes("yq"); // true

// 從下標 1 開始判斷是否包含 'yq'
str.includes("yq", 1); // false

16. indexOf 查找字符串下標

indexOf(str, start?)，str：查找字符，start：開始下標，默認從 0 開始

查找到返回下標，如果沒找到返回 -1。

let str = "yqcoder-yqcoder";

// 從下標 0 開始，查找 y 所在位置。
str.indexOf("y"); // 0

// 從下標 2 開始，查找 y 所在位置。
str.indexOf("y", 2); // 8

17. isWellFormed 判斷字符串是否包含單獨代理項

isWellFormed()，返回 boolean 值。

let str = "yqcoder";
let str1 = "yqcoder\uD800";

// 判斷str是否包含單獨代理項
str.isWellFormed(); // true

// 判斷str1是否包含單獨代理項
str1.isWellFormed(); // false

18. italics 創(chuàng)建斜體標簽字符串

italics()，返回斜體標簽字符串

let str = "yqcoder";

// 創(chuàng)建斜體字符串
str.italics(); // '<i>yqcoder</i>'

19. lastIndexOf 從后往前查找字符串下標

lastIndexOf(str, start?)，str：查找字符，start：開始下標，默認從 0 開始

查找到返回下標，如果沒找到返回 -1。

let str = "yqcoder-yqcoder";

// 從最后 1 開始，查找 y 所在位置。
str.indexOf("y"); // 8

// 從下標 0 開始，查找 y 所在位置。
str.indexOf("y", 0); // 0

20. link 創(chuàng)建 a 標簽字符串

link(url)，url：a 標簽的 href 屬性

返回一個 a 標簽字符串

let str = "yqcoder";

// 不傳值
str.link(); // '<a href="undefined" rel="external nofollow" >yqcoder</a>'

// 創(chuàng)建 href 屬性為 www.baidu.com 的 a 標簽字符串
str.link("www.baidu.com"); // '<a href="www.baidu.com" rel="external nofollow" >yqcoder</a>'

21. localeCompare 比較兩個字符串大小

localeCompare(str)，str：比較字符串

當大于比較字符串時返回 1，等于返回 0，小于返回 -1

let str = "a";
let str1 = "b";

// 比較 str，str1 大小
str.localeCompare(str1); // -1

// 自身比較
str.localeCompare(str); // 0

// 比較 str1，str 大小
str.localeCompare(str); // -1

22. match 根據(jù)傳入正則匹配字符串

match(reg)，reg：傳入正則

字符串滿足正則要求返回一個數(shù)組。沒找到返回 null

let str = "yqcoder";

// 匹配正則 /coder/ 的字符串
str.match(/coder/); // ['coder', index: 2, input: 'yqcoder_yqcoder', groups: undefined]

// 匹配正則 /coder/g 的字符串
str.match(/coder/g); // ['coder']

// 不匹配正則
str.match(/\d/g); // null

23. matchall 根據(jù)傳入正則匹配字符串

matchall(reg)，reg：正則表達式，必須帶 g

調(diào)用方法的字符串必須通過 ... 才可調(diào)用，滿足條件返回分組迭代器，不滿足返回 undefined

let str = "yqcoder-yqcoder";

// 匹配正則 /coder/g 的字符串
console.log(...str.matchAll(/coder/g)); // ['coder', index: 2, input: 'yqcoder-yqcoder', groups: undefined] ['coder', index: 10, input: 'yqcoder-yqcoder', groups: undefined]

// 不匹配正則
console.log(...str.matchAll(/\d/g)); // undefined

24. padEnd 尾部填充

padEnd(length, str?)，length：填充長度，str：填充字符，默認為空

返回填充后的字符串，如果 length 小于原字符串長度，返回原字符串

let str = "yqcoder";

// 默認填充字符串長度到 10
str.padEnd(10); // 'yqcoder   '

// 填充 1 直到字符長度到 10
str.padEnd(10, 1); // 'yqcoder111'

// 填充 123 知道字符長度到 9
str.padEnd(9, 123); // 'yqcoder12'

// 填充 1 直到字符長度到 1
str.padEnd(1, 1); // 'yqcoder'

25. padStart 頭部填充

padStart(length, str?)，length：填充長度，str：填充字符，默認為空

返回填充后的字符串，如果 length 小于原字符串長度，返回原字符串

let str = "yqcoder";

// 默認填充字符串長度到 10
str.padStart(10); // '   yqcoder'

// 填充 1 直到字符長度到 10
str.padStart(10, 1); // '111yqcoder'

// 填充 123 知道字符長度到 9
str.padStart(9, 123); // '12yqcoder'

// 填充 1 直到字符長度到 1
str.padStart(1, 1); // 'yqcoder'

26. repeat 重復字符串

repeat(number)， number：重復次數(shù)

返回重復后的字符串

let str = "yqcoder";

// 重復 1 次字符串
str.repeat(1); // 'yqcoder'

// 重復 2 次字符串
str.repeat(2); // 'yqcoderyqcoder'

27. replace 替換字符串

replace(oldStr, newStr)，oldStr：替換前字符串，newStr：替換后字符串

返回替換后的字符串

let str = "yqcoder-yqcoder";

// 將 yq 替換成 dyb
str.replace("yq", "dyb"); // 'dybcoder-yqcoder'

// 將所有 yq 替換成 dyb
str.replace(/yq/g, "dyb"); // 'dybcoder-dybcoder'

28. replaceAll 替換所有滿足條件字符串

replaceAll(oldStr, newStr)，oldStr：替換前字符串，newStr：替換后字符串

返回替換后的字符串

let str = "yqcoder-yqcoder";

// 將 yq 替換成 dyb
str.replaceAll("yq", "dyb"); // 'dybcoder-dybcoder'

29. search 查找字符串是否存在

search(str)，str：目標字符串

如果查到返回目標字符串下標，如果沒找到返回 -1

let str = "yqcoder";

// 查找 'yq'
str.search("yq"); // 0

// 查找 'dyb'
str.search("dyb"); // -1

30. slice 字符串截取

slice(start, end?)，start：開始下標，end：結(jié)束下標

左閉右開，如果存在返回截取字段，不存在返回 ""

let str = "yqcoder";

// 截取字符串前 2 位
str.slice(0, 2); // 'yq'

// 截取字符串最后 1 位
str.slice(-1); // 'r'

// 截取字符串第 11 位
str.slice(10, 11); // ''

31. small 創(chuàng)建 small 標簽字符串

small()，返回一個 small 標簽字符串

let str = "yqcoder";

// 創(chuàng)建 small 標簽字符串
str.small(); // '<small>yqcoder</small>'

32. split 字符串分割成數(shù)組

split(str?, length?)，str：分割符，length：分割后數(shù)組長度

返回分割后的數(shù)組。

let str = "yqcoder-yqcoder";

// 不傳參，字符串直接轉(zhuǎn)數(shù)組
str.split(); // ['yqcoder-yqcoder']

// 將字符串以 "-" 分割成數(shù)組
str.split("-"); // ['yqcoder', 'yqcoder']

// 將字符串以 "-" 分割成數(shù)組，只要數(shù)組第一項
str.split("-", 1); // ['yqcoder']

33. startsWith 判斷字符串是否由特定字符開始

startsWith(str)，str：特定字符

判斷時區(qū)分大小寫，符合返回 true，不符合返回 false

let str = "yqcoder";

// 判斷是否 yq 開始
str.startsWith("yq"); // true

// 判斷是否 Yq 開始
str.startsWith("Yq"); // false

34. strike 創(chuàng)建刪除標簽字符串

strike()，返回刪除標簽字符串

let str = "yqcoder";

// 創(chuàng)建刪除標簽字符串
str.strike(); // '<strike>yqcoder</strike>'

35. sub 創(chuàng)建下標標簽字符串

sub()，返回下標標簽字符串

let str = "yqcoder";

// 創(chuàng)建下標標簽字符串
str.sub(); // '<sub>yqcoder</sub>

36. substr 字符串裁剪

substr(index, length?)，index：開始下標，length：裁剪長度

返回裁剪后的字符串，包括 index 下標的字符。如果不傳 length，默認裁剪從 index 到最后

let str = "yqcoder";

// 裁剪下標 2 開始的全部字符
str.substr(2); // 'coder'

// 裁剪前 2 位字符
str.substr(0， 2); // 'yq'

37. substring 字符串裁剪

substring(start, end?)，start：開始下標，end：結(jié)束下標

返回裁剪后的字符串，包括 start 下標的字符。不包括 end 結(jié)束下標字符。如果不傳 end，默認裁剪到最后

let str = "yqcoder";

// 裁剪下標 2 開始的全部字符
str.substring(2); // 'coder'

// 裁剪前 2 位字符
str.substring(0, 2); // 'yq'

// 裁剪第 2 位
str.substring(1, 2); // 'q'

38. sup 創(chuàng)建上標標簽字符串

sup()，返回上標標簽字符串

let str = "yqcoder";

// 創(chuàng)建上標標簽字符串
str.sup(); // '<sup>yqcoder</sup>'

39. toLocaleLowerCase 字母轉(zhuǎn)小寫

toLocaleLowerCase()，將所有大寫字母轉(zhuǎn)小寫

let str = "YqCoder";

// 字母轉(zhuǎn)小寫
str.toLocaleLowerCase(); // 'yqcoder'

40. toLocaleUpperCase 字母轉(zhuǎn)大寫

toLocaleUpperCase()，將所有小寫字母轉(zhuǎn)大寫

let str = "YqCoder";

// 字母轉(zhuǎn)大寫
str.toLocaleUpperCase(); // 'YQCODER'

41. toLowerCase 字母轉(zhuǎn)小寫

toLowerCase()，將所有大寫字母轉(zhuǎn)小寫

let str = "YqCoder";

// 字母轉(zhuǎn)小寫
str.toLowerCase(); // 'yqcoder'

42. toUpperCase 字母轉(zhuǎn)大寫

toUpperCase()，將所有小寫字母轉(zhuǎn)大寫

let str = "YqCoder";

// 字母轉(zhuǎn)大寫
str.toUpperCase(); // 'YQCODER'

43. toString 轉(zhuǎn)字符串

toString()，各個數(shù)據(jù)類型通過 toString()方法轉(zhuǎn)字符串

let arr = [1, [2, 3, [4, 5, 6, [7, 8, 9]]]];
let obj = { name: "yqcoder" };
let bl = true;
let number = 123;

// 數(shù)組轉(zhuǎn)字符串，會將數(shù)組內(nèi)數(shù)據(jù)平鋪用, 拼接成字符串
arr.toString(); // '1,2,3,4,5,6,7,8,9'

// 對象轉(zhuǎn)字符串
obj.toString(); // '[object Object]'

// 布爾值轉(zhuǎn)字符串
bl.toString(); // 'true'

// 數(shù)字轉(zhuǎn)字符串
number.toString(); // '123'

44. toWellFormed 迭代字符串的碼元

toWellFormed()，將任何單獨的代理項替換為 Unicode 替換字符 U+FFFD ?。

let str = "yqcoder";
let str1 = "yqcoder\uD800";

// 將 str 中的單獨的代理項替換成 ?
str.toWellFormed(); // 'yqcoder'

// 將 str1 中的單獨的代理項替換成 ?
str1.toWellFormed(); // 'yqcoder?'

45. trim 去字符串頭和尾的空格

trim()，返回去除頭尾空格后的字符串，無法去除中間的空格。

let str = "  yq coder  ";

// 將 str 去除頭尾空格
str.trim(); // 'yq coder'

46. trimEnd、trimRight 去字符串尾部的空格

trimEnd()、trimRight() 返回去除尾部空格后的字符串。

let str = "  yq coder  ";

// 將 str 去除頭尾空格
str.trimEnd(); // '  yq coder'
str.trimRight(); // '  yq coder'

47. trimStart、trimLeft 去字符串頭部的空格

trimStart()、trimLeft() 返回去除頭部空格后的字符串。

let str = "  yq coder  ";

// 將 str 去除頭尾空格
str.trimStart(); // 'yq coder  '
str.trimLeft(); // 'yq coder  '

總結(jié) 

到此這篇關(guān)于前端js經(jīng)典題之字符串超全方法的文章就介紹到這了,更多相關(guān)前端js字符串方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論