String API—02

(11)fixed

把字符串显示为打字机字体

该方法返回加了 <tt> 标签的字符串, 如下所示:

<tt>string</tt>

1 var str = "Hello world!";
2 document.write(str.fixed());  
3 document.write(str);

所有主要浏览器都支持 fixed() 方法。

(12)fontcolor

用于按照指定的颜色来显示字符串

该方法返回加了 <font> 标签的字符串, 如下所示:

<font color="colorvalue">string</font>

1 var str = "Hello world!";
2 document.write(str.fontcolor("red"));   // 红色字体

 (13)fontsize

作用同上,用于按照指定的尺寸来显示字符串

该方法返回加了 <font> 标签的字符串, 如下所示:

<font size="size">string</font>

必须. size 参数必须是从 1 至 7 的数字。大小1-7逐个变大

1 var str = "Hello world!";
2 document.write(str.fontsize(7));

(14)includes——ES6

用于判断字符串是否包含指定的参数字符串。返回值为bool类型

1 var str = "Hello world!";
2 console.log(str.includes("llo"));  // true

 与endsWith和startsWith方法都是用来判断字符串是否包含某个字符串的方法

(15)indexOf & lastIndexOf

  • indexOf返回参数字符串在某个字符串第一次出现的的索引位置,没找到返回-1
    • 第二个参数为起始的索引
1 let str = "hello world"
2 
3 console.log(str.indexOf("l"));  // 2
4 console.log(str.indexOf("z"));  // -1
  • lastIndexOf返回参数字符串在某个字符串中最后一次出现的位置,没找到返回-1
    • 如果指定第二个参数 start,则在一个字符串中的指定位置从后向前搜索  
1 let str = "hello world"
2 
3 console.log(str.lastIndexOf("l"));  // 9
  4 console.log(str.lastIndexOf('l',2));  // 2
5 console.log(str.lastIndexOf("z"));  // -1

注意:lastIndexOf() 和indexOf()方法都是是区分大小写的。

(16)italices

用于把字符串显示为斜体

1 var str = "Hello world!";
2 document.write(str.italics());

(17)link

用于把字符串显示为超链接

1 var str = "Hello world!";
2 document.write(str.link("http://www.w3school.com.cn"))

(18)localeCompare

用本地特定的顺序来比较两个字符串

这个,确实是没看懂什么作用,先放这

(19)match

在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

1 var str="The rain in SPAIN stays mainly in the plain"; 
2 var n=str.match(/ain/g);
3 let m = str.match('stays')
4 console.log(n);  // ["ain", "ain", "ain"]
5 console.log(m);  // { 0 :'stays', index: 18 }

这里需要注意:

  • 如果使用正则加了g全局查找的话,找到的是一个数组,不包含找到的位置
  • 如果有多个匹配,则只会返回第一个找到的值的索引

(20)matchAll——ES20120

ES2020 增加了String.prototype.matchAll()方法,可以一次性取出所有匹配。不过,它返回的是一个遍历器(Iterator),而不是数组。

 1 const string = 'test1test2test3';
 2 const regex = /est/g;
 3 
 4 for (const match of string.matchAll(regex)) {
 5   console.log(match);
 6 }
 7 // ["est", index: 1, input: "test1test2test3", groups: undefined]
 8 // ["est", index: 6, input: "test1test2test3", groups: undefined]
 9 // ["est", index: 11, input: "test1test2test3", groups: undefined]
10 
11 
12 console.log(string.matchAll("tes"));  // RegExpStringIterator {}  是一个遍历器
原文地址:https://www.cnblogs.com/codexlx/p/14303342.html