• 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 {}  是一个遍历器
  • 相关阅读:
    php数组的创建及操作
    继承的几种方式
    js对象的创建与原型总结
    对象的创建
    变量与内存
    js函数的几个特殊点
    正则表达式的几个简单验证
    数组排序sort()
    对象与数组
    js函数动态传参
  • 原文地址:https://www.cnblogs.com/codexlx/p/14303342.html
Copyright © 2020-2023  润新知