js中indexOf()的简单使用示例

 更新时间:2023年01月12日 09:37:55   作者:前端小白兔爱前端  
indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,下面这篇文章主要给大家介绍了关于js中indexOf()简单使用的相关资料,需要的朋友可以参考下

语法:

String.IndexOf(Char, [startIndex], [count]):

定义

----返回指定字符在原字符串中的第一个匹配项的索引。如省略第二个参数,则将从字符串的首字符开始检索。

-----可指定字符开始检索位置和指定长度的字符,若没有找到该字符,则返回 -1。

-----也可以判断数组中是否包含某个值。

用法及实例

示例1:查找字符串中某一字符从头开始第一次出现的索引

 var str = "Hello world!"
   console.log(str.indexOf("o")) //4
  console.log(str.indexOf("Hello")) //0
  console.log(str.indexOf("World")) //-1
  console.log(str.indexOf("world")) //6

需要注意的是,当匹配到一个字符串时,会返回字符串中第一个字符的索引,如上例匹配word时,返回的是6。

示例2:查找字符串中某一字符从指定位置开始第一次出现的索引

   var str = "Hello world! wo shi ooo"
  console.log(str.indexOf("o",8)) //14

有indexOf,也就有lastIndexOf,它和indecOf相反,是匹配字符串最后一次出现的索引

var str = “Hello world! wo shi oll”
onsole.log(str.indexOf(“o”)) //4
console.log(str.lastIndexOf(“o”)) //20`

实例三:判断字符串中是否包含某个字符的情景中:

var str = "Hello world! wo shi oll"
console.log(str.indexOf("World") == -1) //true
console.log(str.indexOf("world") == -1) //false

示例4:判断数组中是否包含某个元素

const arr = [1,5,3,8,22]
console.log(arr.indexOf(2))//不存在,返回-1
console.log(arr.indexOf(8))//存在,返回索引3

补充知识:不区分大小写的 javascript indexOf

<script language=javascript>
/*
作者:阿牛(牛昆亮) QQ:273352165 MSN:niukl@hotmail.com

声明:可以免费使用,请您保留此信息
 如果您有什么改过,记得告诉我!
*/
String.prototype._indexOf = String.prototype.indexOf;
String.prototype.indexOf = function()
{
 if(typeof(arguments[arguments.length - 1]) != 'boolean')
  return this._indexOf.apply(this,arguments);
 else
 {
  var bi = arguments[arguments.length - 1];
  var thisObj = this;
  var idx = 0;
  if(typeof(arguments[arguments.length - 2]) == 'number')
  {
   idx = arguments[arguments.length - 2];
   thisObj = this.substr(idx);
  }
  
  var re = new RegExp(arguments[0],bi?'i':'');
  var r = thisObj.match(re);
  return r==null?-1:r.index + idx;
 }
}

alert("bcssssasdfsdf".indexOf('A',3,true));

alert("bcssssasdfsdf".indexOf('a',3));
</script>

总结

到此这篇关于js中indexOf()简单使用的文章就介绍到这了,更多相关js indexOf()使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript中的变量作用域以及变量提升详细介绍

    javascript中的变量作用域以及变量提升详细介绍

    在javascript中, 理解变量的作用域以及变量提升是非常有必要的。这个看起来是否很简单,但其实并不是你想的那样,还要一些重要的细节你需要理解
    2013-10-10
  • uniapp实现钉钉扫码登录示例代码

    uniapp实现钉钉扫码登录示例代码

    由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp,最终实现钉钉扫码登录app,本文通过实例代码给大家介绍uniapp钉钉扫码登录功能,感兴趣的朋友一起看看吧
    2021-12-12
  • js,jq,css多方面实现简易下拉菜单功能

    js,jq,css多方面实现简易下拉菜单功能

    这篇文章主要介绍了js,jq,css多方面实现简易下拉菜单功能,需要的朋友可以参考下
    2017-05-05
  • ES6新特性之字符串的扩展实例分析

    ES6新特性之字符串的扩展实例分析

    这篇文章主要介绍了ES6新特性之字符串的扩展,结合实例形式对比分析了ES5与ES6字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • JS实现十字坐标跟随鼠标效果

    JS实现十字坐标跟随鼠标效果

    这篇文章给大家分享一下通过JS实现十字坐标跟随鼠标效果的代码,有需要的朋友参考学习下吧。
    2017-12-12
  • js事件源window.event.srcElement兼容性写法(详解)

    js事件源window.event.srcElement兼容性写法(详解)

    下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 基于Turn.js 实现翻书效果实例解析

    基于Turn.js 实现翻书效果实例解析

    最近项目经理我个项目练练手,其项目需求是要实现翻书效果,看到这个需求后,我真是懵了,这咋整,我可是java出身的啊,这个问题真是难住我了,后来有同事的指导,问题顺利解决,下面小编把学习心得分享,感兴趣的朋友可以参考下
    2016-06-06
  • 怎么用javascript进行拖拽

    怎么用javascript进行拖拽

    怎么用javascript进行拖拽...
    2006-07-07
  • JS实现点击按钮可实现编辑功能

    JS实现点击按钮可实现编辑功能

    本文通过一段实例代码给大家介绍了基于js实现点击按钮可编辑效果,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的的朋友参考下吧
    2018-07-07
  • javascipt:filter过滤介绍及使用

    javascipt:filter过滤介绍及使用

    filter是new一个新的array,这篇文章主要介绍了javascipt filter过滤介绍及使用,需要的朋友可以参考下
    2014-09-09

最新评论