江苏龙网

  1. 主页 > 生活百科 > >

Javascript中操作String字符串的33种方法，你都知道吗？

JavaScriptString


Javascript中操作String字符串的33种方法，你都知道吗？

文章插图
 
1、anchor创建一个锚点 。
document.write('hello'.anchor('anchor'))// 输出：<a name="anchor">hello</a>2、big创建一个加粗的文本 big 标签包裹 。
document.write('hello'.big())// 输出：<big>hello</big>3、blink创建一个闪烁的文本（目前只有 Firefox 和 Opera 支持） 。
【Javascript中操作String字符串的33种方法，你都知道吗？】document.write('hello'.blink())// 输出：<blink>hello</blink>4、bold创建一个加粗的文本 b 标签包裹 。
document.write('hello'.bold())// 输出：<b>hello</b>5、charAt返回指定索引处的字符 。
'hello'.charAt(1)// 输出：e6、charCodeAt返回指定位置的字符的Unicode值 。
'hello'.charCodeAt(1)// 输出：1017、concat返回包含两个或多个字符串的串联的字符串 。
var str1 = "world"document.write('hello'.concat(str1));// 输出：hello world8、fixed创建一个加粗的文本 tt 标签包裹 。
document.write('hello'.fixed())// 输出：<tt>hello</tt>9、fontsize创建一个指定文本大小 font 标签包裹 。参数从 1 到 7 的数字
document.write('hello'.fontsize("5"))// 输出：<font size="5">hello</font>10、fontcolor创建一个指定文本颜色 font 标签包裹 。
document.write('hello'.fontcolor("red"))11、indexOf返回第一次出现的子字符串的位置 。
第二个参数可选的，搜索String对象的索引，如果省略，则搜索从字符串的开头开始 。
该方法返回String对象的子字符串的开始 。如果未找到子字符串，则返回-1 。
如果第二个参数为负，则被视为零 。如果它大于最高索引，则将其视为最高索引 。
'hello'.indexOf('e')// 输出：1'hello'.indexOf('e',2)// 输出：-112、italics创建一个斜体的文本 i 标签包裹 。
document.write('hello'.italics())// 输出：<i>hello</i>13、lastIndexOf返回字符串中子字符串的最后一次出现 。
从字符串的最后一个字符开始执行搜索
'hello'.lastIndexOf('l')// 输出：3'hello'.lastIndexOf('l',2)// 输出：2'hello'.lastIndexOf('l',0)// 输出：-114、link创建一个带链接的文本 a 标签包裹 。
'hello'.link('http://www.baidu.com')// 输出： <a href=https://www.isolves.com/it/cxkf/yy/js/2020-06-05/"http://www.baidu.com">hello15、localeCompare比较两个字符串在当前语言环境中是否等效
如果str1在str2之前排序，则返回-1 。
如果str1在str2之后排序，则返回1 。
返回值为0表示两个字符串相等 。
var str1 = "def"; var str2 = "abc"console.log(str1.localeCompare(str2)); // 输出: 1 var str3 = "ghi"; console.log(str1.localeCompare(str3)); // 输出: -1 var str4 = "def"; cstr1.localeCompare(str4)); // 输出: 016、match将字符串与正则表达式匹配，并返回包含该搜索结果的数组 。
var src = https://www.isolves.com/it/cxkf/yy/js/2020-06-05/"azcafAJAC"; var re = /[a-c]/g;console.log(src.match(re)); // 输出: ["a", "c", "a"]17、replace使用正则表达式或搜索字符串替换字符串中的文本 。
var s = "the batter hit the ball with the bat"; var re = /the/g; var result = s.replace(re, "a");console.log(result);// 输出: a batter hit a ball with a bat18、search在正则表达式搜索中查找第一个子字符串匹配项 。
var src = https://www.isolves.com/it/cxkf/yy/js/2020-06-05/"is but a Dream within a dream"; var re = /dream/; var pos = src.search(re); console.log(pos);// 输出: 2419、slice返回字符串的一部分 。
var str1 = "all good boys do fine"; var slice1 = str1.slice(0); var slice2 = str1.slice(0,-1); var slice3 = str1.slice(4); var slice4 = str1.slice(4, 8); document.write(slice1 + "<br/>"); document.write(slice2 + "<br/>"); document.write(slice3 + "<br/>"); document.write(slice4); // 输出: // all good boys do fine // all good boys do fin // good boys do fine // good20、small创建一个字体偏小的文本 small 标签包裹 。
document.write('hello'.small())// 输出：<small>hello</small>


推荐阅读


上一篇：淘宝怎么在站外推广 怎么删除淘宝客推广

下一篇：这些 CSS 伪类，你可能还不知道，可以用起来了