javascript indexOf函数使用说明

 更新时间:2008年07月03日 21:58:05   作者:  
JavaScript中indexOf函数方法是返回 String 对象内第一次出现子字符串的字符位置。
使用方法:strObj.indexOf(str,startIndex[可选])

 程序代码

其中strObj是必选项。String 对象或文字。
str是必选项。要在 String 对象中查找的子字符串。
startIndex是可选项。该整数值指出在 String 对象内开始查找的位置,从0开始。如果省略,则从字符串的开始处查找。


注意:对于JavaScript的indexOf是区分大小写的。

JavaScript中indexOf函数方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到字符串,则返回 -1。如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。

indexOf函数是从左向右执行查找
下面的示例说明了indexOf函数方法的用法。

 程序代码

var str1="fdiejDIFADF";
var str="e";
var i=str1.indexOf(str);
alert(i);



在前面说了,indexOf是区分大小的写,有时这就给我们造成了一定的麻烦,那怎么解决呢??当然最简单的方法是把字符用toLowerCase或toUpperCase转化为大写或小写就解决了。
代码如下:

 程序代码

<script>
var Str = 'ABCDEF';
var Str1 = 'bcd';
alert(Str.toLowerCase().indexOf(Str1.toLowerCase()));
str2 = 'AbCdEf';
alert(Str2.toLowerCase().indexOf(Str1.toLowerCase()));
</script>



下面这个方法利用正则对indexOf进行了扩展(来自网络)

 程序代码

<script>
String.prototype.indexOf = function(f,m){
var mm = (m == false) ? "i":"";
var re = eval("/"+ f +"/"+mm);
var rt = this.match(re);
return (rt == null) ? -1:rt.index; 
}
var test = "absnegKIugfkalg";
alert(test.indexOf("kiu",false));
</script>



下面的这个扩展就更强大了,它兼容原来的 indexOf函数,也可以进行忽略大小的查找(同样来自网络)。

 程序代码

<script language="javascript">
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>

相关文章

  • JavaScript变量的作用域全解析

    JavaScript变量的作用域全解析

    这篇文章主要介绍了JavaScript变量的作用域的基本知识,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-08-08
  • Javascript Math对象

    Javascript Math对象

    Math对象是在高中数学课就学过的内置对象。它知道解决最复杂的数学问题的所有公式,如果给它要处理的数字,即能计算出结果。
    2009-08-08
  • 菜鸟学习JavaScript小实验之函数引用

    菜鸟学习JavaScript小实验之函数引用

    由于变量b中保存的是函数的引用,当函数变化时,b也随时变化,且不管函数出现的先后顺序。两次alert(b),虽然位置不一样,但是内容相同。
    2010-11-11
  • JS中的this变量的使用介绍

    JS中的this变量的使用介绍

    在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,在本文将为大家详细介绍下JavaScript中this的使用,感兴趣的朋友可以参考下
    2013-10-10
  • 10分钟掌握XML、JSON及其解析

    10分钟掌握XML、JSON及其解析

    最近一段时间,个人综合了之前对XML、JSON的一些了解,参考了相关资料,再结合视频的代码,把自己的一些思考融入了这篇总结文档中,同时尝试用通俗诙谐的语言风格来阐述,期望能给感兴趣的读者带来帮助
    2016-10-10
  • 理解和运用JavaScript的闭包机制

    理解和运用JavaScript的闭包机制

    这篇文章主要介绍了理解和运用JavaScript的闭包机制,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-08-08
  • 深入理解JavaScript系列(30):设计模式之外观模式详解

    深入理解JavaScript系列(30):设计模式之外观模式详解

    这篇文章主要介绍了深入理解JavaScript系列(30):设计模式之外观模式详解,外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用,需要的朋友可以参考下
    2015-03-03
  • JavaScript If...Else 声明

    JavaScript If...Else 声明

    JavaScript If...Else 声明...
    2007-04-04
  • TypeScript定义接口(interface)案例教程

    TypeScript定义接口(interface)案例教程

    这篇文章主要介绍了TypeScript定义接口(interface)案例教程,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • javascript document.execCommand() 常用解析

    javascript document.execCommand() 常用解析

    dom下execCommand命令的一些参数整理,需要的朋友可以参考下。
    2009-12-12

最新评论