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实现点击商品列表checkbox实时统计金额的方法

    javascript实现点击商品列表checkbox实时统计金额的方法

    这篇文章主要介绍了javascript实现点击商品列表checkbox实时统计金额的方法,涉及javascript鼠标事件及页面元素操作的相关技巧,需要的朋友可以参考下
    2015-05-05
  • javascript中字符串拼接详解

    javascript中字符串拼接详解

    字符串拼接是所有程序设计语言都需要的操作。当拼接结果较长时,如何保证效率就成为一个很重要的问题。本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看。
    2014-09-09
  • CocosCreator学习之模块化脚本

    CocosCreator学习之模块化脚本

    这篇文章主要介绍了Cocos Creator 模块化脚本,想加深学习CocosCreator脚本的同学,一定要看一下
    2021-04-04
  • JavaScript实现楼层效果

    JavaScript实现楼层效果

    这篇文章主要为大家详细介绍了JavaScript实现楼层效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码

    javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码

    这篇文章主要介绍了javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码,使用了html5的canvas技术,可呈现出带有3D效果的玫瑰花渐显效果,非常逼真自然,需要的朋友可以参考下
    2015-08-08
  • Bootstrap每天必学之级联下拉菜单

    Bootstrap每天必学之级联下拉菜单

    Bootstrap每天必学之级联下拉菜单,主要应用场合有省市级关联菜单等,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 完全深入学习Bootstrap表单

    完全深入学习Bootstrap表单

    Bootstrap表单用来与用户做交流的一个网页控件,实现网页与用户更好的沟通,这篇文章主要就为大家介绍了Bootstrap表单中常见的元素,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • JavaScript学习点滴 call、apply的区别

    JavaScript学习点滴 call、apply的区别

    对于apply和call两者在作用上是相同的,但两者在参数上有区别的。
    2010-10-10
  • 原生js的弹出层且其内的窗口居中

    原生js的弹出层且其内的窗口居中

    弹出层内含窗口且居中,在本例使用原生js来实现,与网上的有所不一样,大家不妨参考下
    2014-05-05
  • uni-app 支持多端第三方地图定位的方法

    uni-app 支持多端第三方地图定位的方法

    这篇文章主要介绍了uni-app 支持多端第三方地图定位的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01

最新评论