js如何判断字符串中是否包含某个字符串

前端开发   发布日期:2024年04月19日   浏览次数:722

本文小编为大家详细介绍“js如何判断字符串中是否包含某个字符串”,内容详细,步骤清晰,细节处理妥当,希望这篇“js如何判断字符串中是否包含某个字符串”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

indexOf方法

根据国外大神的测试结果显示,indexOf在速度上可能是最快的,因此推荐大家在日常中还是经常使用indexOf这个方法。

ES5或者更老版本

String.prototype.indexOf方法用来返回一个字符串在另一个字符串中的位置,如果没找到那就返回 -1 。

代码如下:

  1. var string = "foo",
  2. substring = "oo";
  3. string.indexOf(substring) !== -1;//true

如果大量使用可以定义一个函数,方便调用

  1. function instr(str, find) {
  2. if (str.indexOf(find) != -1) {
  3. return 1;
  4. } else {
  5. return 0;
  6. }
  7. }

string.lastIndexOf()

和indexOf()的区别,从字符串的尾部开始查找

返回值:匹配成功的第一个字符的下标,未匹配则返回-1

用法:string.indexOf(searchValue, start)

  1. let searchVal = 'yyds'
  2. let searchResult = searchVal.lastIndexOf('y')
  3. console.log(searchResult) // 1

ES6 includes 方法

返回值:Boolean

用法: string.includes(searchValue, start) 第二个参数从是指定下标开始查找

兼容补丁(polyfill)

  1. if (!String.prototype.includes) {
  2. String.prototype.includes = function(search, start) {
  3. 'use strict';
  4. if (typeof start !== 'number') {
  5. start = 0;
  6. }
  7. if (start + search.length > this.length) {
  8. return false;
  9. } else {
  10. return this.indexOf(search, start) !== -1;
  11. }
  12. };
  13. }

示例

  1. var str = 'To be, or not to be, that is the question.';
  2. console.log(str.includes('To be')); // true
  3. console.log(str.includes('question')); // true
  4. console.log(str.includes('nonexistent')); // false
  5. console.log(str.includes('To be', 1)); // false
  6. console.log(str.includes('TO BE')); // false

当包含时返回true,不包含时返回false,代码实例如下:

  1. var string = "foo";
  2. var substring1 = "oo";
  3. var substring2 = "oq";
  4. string.includes(substring1); //true
  5. string.includes(substring2); //false
  1. let searchVal = 'yyds'
  2. let searchResult = searchVal.includes('y', 1)
  3. console.log(searchResult) // true

string.search()

定义和用法

search() 方法将字符串与正则表达式匹配。

注释:如果搜索值为字符串,则转换为正则表达式。

search() 方法返回第一个匹配项的索引(位置)。

如果未找到匹配项,则 search() 方法返回 -1。

提示:search() 方法区分大小写。

返回值:匹配成功的第一个字符的下标,未匹配则返回-1

用法:string.search(searchValue)

search方法与indexOf类似,用来返回一个字符串在另一个字符串中的位置,如果没找到那就返回-1,。

唯一需要注意的是,search方法的参数是一个正则表达式。

代码如下:

  1. var string = "foo",
  2. expr = /oo/;
  3. string.search(expr);// 返回1
  1. let searchVal = 'yyds'
  2. let searchResult = searchVal.search('y')
  3. console.log(searchResult) // 0

不区分大小写的搜索

  1. let text = "Mr. Blue has a blue house";
  2. let position = text.search(/blue/i);

lodash includes方法

使用Javascript工具库lodash的includes方法,该方法返回一个布尔值,代码如下:

  1. _.includes('foobar', 'ob');
  2. // → true

RegExp正则表达式

使用正则表达式的match来判断是否包含,代码如下:

  1. var string = "foo",
  2. expr = /oo/; // no quotes here
  3. expr.test(string);//true

Match方法

使用match的方法,该方法字符串不匹配的话就返回null,代码如下:

  1. var string = "foo",
  2. expr = /oo/,
  3. expr2 = /oa/;
  4. string.match(expr);//["oo", index: 1, input: "foo", groups: undefined]
  5. string.match(expr2);//null

以上就是js如何判断字符串中是否包含某个字符串的详细内容,更多关于js如何判断字符串中是否包含某个字符串的资料请关注九品源码其它相关文章!