美文网首页让前端飞
ES6之识别子字符串的方法

ES6之识别子字符串的方法

作者: Vicky丶Amor | 来源:发表于2019-02-19 17:27 被阅读1次

识别子字符串的方法

自从 JS 引入了 indexOf() 方法,开发者们就使用它来识别字符串是否存在于其它字符串中。
ES6 包含了以下三个方法来满足这类需求:

  • includes()方法,在给定文本存在于字符串中的任意位置时会返回 true,否则返回
    false
  • startsWith() 方法,在给定文本出现在字符串起始处时返回 true ,否则返回 false
  • endsWith() 方法,在给定文本出现在字符串结尾处时返回 true ,否则返回 false

每个方法都接受两个参数:需要搜索的文本,以及可选的搜索起始位置索引。当提供了第二个参数时,includes()startsWith()方法会从该索引位置开始尝试匹配;
endsWith()方法会将字符串长度减去该参数,以此为起点开始尝试匹配。当第二个参数未提
供时,includes()startsWith()方法会从字符串起始处开始查找,而endsWith()方法
则从尾部开始。

实际上,第二个参数减少了搜索字符串的次数。以下是使用这些方法的演示:

var msg = "Hello world!";
console.log(msg.startsWith("Hello")); // true
console.log(msg.endsWith("!")); // true
console.log(msg.includes("o")); // true
console.log(msg.startsWith("o")); // false
console.log(msg.endsWith("world!")); // true
console.log(msg.includes("x")); // false
console.log(msg.startsWith("o", 4)); // true
console.log(msg.endsWith("o", 8)); // true
console.log(msg.includes("o", 8)); // false

前六次调用没有使用第二个参数,因此它们在必要情况下会搜索整个字符串。
最后三次调用只检查了字符串的一部分:

  • 调用 msg.startsWith("o", 4) 从 msg 字符串的索引位置 4 (即"Hello" 中的 "o" )开始尝试匹配;
  • 调用 msg.endsWith("o", 8) 也从位置 4 开始搜索,因为参数 8 会从字符串的长度值( 12)中被减去;
  • 而调用 msg.includes("o", 8) 则从索引位置 8 开始尝试匹配,也就是 "world" 中的 "r" 。

虽然这三个方法使得判断子字符串是否存在变得更容易,但它们只返回了一个布尔值。若你需要找到它们在另一个字符串中的确切位置,则需要使用 indexOf() 和 lastIndexOf() 。

如果向 startsWith() 、 endsWith() 或 includes() 方法传入了正则表达式而不是字符 串,会抛出错误。 这与 indexOf() 以及 lastIndexOf() 方法的表现形成了反差,它们会 将正则表达式转换为字符串并搜索它。

求点赞 求关注~

相关文章

  • ES6学习笔记-字符串拓展的方法

    一、子串的识别 ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。1、i...

  • ES6的字符串

    ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。1.includes(...

  • 字符串

    es6里面主要添加了一些对字符串操作的方法 1. 子串的识别ES6 之前判断字符串是否包含子串,用 indexOf...

  • ES6之识别子字符串的方法

    识别子字符串的方法 自从 JS 引入了 indexOf() 方法,开发者们就使用它来识别字符串是否存在于其它字符串...

  • 字符串增强功能

    1、查找子字符串 在以前在字符串中查找字符串的时候,都是使用indexOf方法。ES6新增了三个方法来查找字符串。...

  • ES6 字符串

    识别子字符串的方法 includes()方法,在给定文本存在于字符串中的任意位置时会返回 true,否则返回 fa...

  • 字符串

    1. 字符串方法。 2. ES6新增加的字符串方法。

  • ES6-字符串

    字符串的子串识别 includes()方法,如果在字符串中检测到指定文本则返回true,否则返回false。 st...

  • JS判断对象是否为空

    方法一: 将 Object 对象转换为字符串,然后判断字符串 方法二: 方法三: ES6 新增的方法 Object...

  • React设置多个classNames

    方法一:ES6模版字符串 方法二:join("") 方法三:classnames(需要下载classnames)

网友评论

    本文标题:ES6之识别子字符串的方法

    本文链接:https://www.haomeiwen.com/subject/mmpfyqtx.html