zoukankan      html  css  js  c++  java
  • JavaScript学习笔记:indexOf,lastIndexOf,substring, substr,replace

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

    substring() 方法用于提取字符串中介于两个指定下标之间的字符。

    indexOf:

    返回某个指定的字符串值在字符串中首次出现的位置

    语法:stringObject.indexOf(searchvalue,fromindex)

    参数:

    searchvalue:必需,要检索的字符串值(对大小写敏感)

    fromindex:可选的整数参数,规定在字符串中开始检索的位置,合法取值范围是0~stringObject.length-1, 如果省略该参数,将从字符串的首字符开始检索。

    返回值:

    如果找到一个searchvalue,返回searchvalue第一次出现的位置

    如果searchvalue没有出现,则返回-1

    indexOf
    <html>
        
    <head>
            
    <title>Untitled Document</title>
            
    <script type="text/javascript">
                
    var str="Hello world!"
                document.write(str.indexOf(
    "Hello"+ "<br />"//输出0
                document.write(str.indexOf("World"+ "<br />"//输出-1
                document.write(str.indexOf("world")) //输出6
    </script>
        
    </head>
        
    <body>   
        
    </body>
    </html>

    lastIndexOf:

    返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索

    语法:stringObj.lastIndexOf(searchvalue, fromindex);

    参数:

    searchvalue:必需,要检索的字符串值(对大小写敏感)

    fromindex:可选的整数参数,规定在字符串中开始检索的位置,合法取值范围是0~stringObject.length-1, 如果省略该参数,将从字符串的最后一个字符开始检索。

    返回值:

    如果在stringObject 中的 fromindex 位置之前存在 searchvalue,则返回的是出现的最后一个 searchvalue 的位置。

    如果找到一个 searchvalue,则返回 searchvalue 的第一个字符在 stringObject 中的位置

    如果searchvalue没有出现,则该方法返回 -1。

    lastIndexOf
    <html>
        
    <head>
            
    <title>Untitled Document</title>
            
    <script type="text/javascript">
                
    var str="Hello world!"
                document.write(str.lastIndexOf(
    "Hello"+ "<br />")  //输出0
                document.write(str.lastIndexOf("World"+ "<br />"//输出-1
                document.write(str.lastIndexOf("o"+ "<br />"//输出7
                document.write(str.lastIndexOf("l"+ "<br />"//输出9
                document.write(str.lastIndexOf("world")) //输出6
            </script>
        
    </head>
        
    <body>   
        
    </body>
    </html>

    substring:

    用于提取字符串中介于两个指定下标之间的字符

    语法:stringObject.substring(start,stop);

    参数:

    start:必需,一个非负的整数,规定要提取的子串在第一个字符在 stringObject 中的位置。

    stop:可选,一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

    返回值:

    一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

    说明:

    substring() 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。

    如果参数 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。

    substring
    <html>
    <body>
    <script type="text/javascript">
    var str="Hello world!"
    document.write(str.substring(
    3,7)+'<br/>')//输出lo w
    document.write(str.substring(7,2)+'<br/>')//输出llo w
    document.write(str.substring(2))//输出llo world!
    </script>
    </body>
    </html>

    substr:

    在字符串中抽取从 start 下标开始的指定数目的字符

    语法:stringObject.substr(start,length);

    参数:

    start:必需,要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。--->实践证明不对,只要是负数,都是从位置0开始算起。

    length:可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。

    返回值:一个新的字符串

    substr
    <html>
    <body>
    <script type="text/javascript">
    var str="Hello world!"
    document.write(str.substr(
    3,7)+'<br/>')  //输出lo worl
    document.write(str.substr(9,9)+'<br/>')  //输出ld!
    document.write(str.substr(3)+'<br/>')  //输出 lo world!
    document.write(str.substr(-3,4)+'<br/>')  //输出Hell
    document.write(str.substr(-2,5))  //输出Hello
    </script>
    </body>
    </html>

    replace:

    replace

    用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    语法:stringObject.replace(regexp, replacement);

    参数:

    regexp:必需,要替换的模式的RegExp对象

    replacement:必需,替换文本或生成替换文本的函数

    返回值:

    一个新的字符串,用replacement替换了regexp的第一次匹配或所有匹配之后得到的。

    说明:

    字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

    replace
    <html>
    <body>
    <script type="text/javascript">
            
    var str="my name is vivian! i am vivian!  ";
            document.write(str.replace(
    /vivian/g, "牛牛")+'<br/>');  //my name is 牛牛! i am 牛牛! 
            document.write(str.replace(/vivian/"牛牛")+'<br/>'); //my name is 牛牛! i am vivian! 
            document.write(str.replace(/vivian/i, "Vivian")+'<br/>');//my name is Vivian! i am vivian! 
            document.write(str.replace(/\b\w+\b/g, function(word)
            {
    return word.substring(0,1).toUpperCase()+word.substring(1);} ));//My Name Is Vivian! I Am Vivian! 
    </script>
    </body>
    </html>

    对正则表达式不熟悉,应该学习下~~~

  • 相关阅读:
    parentNode和parentElement区别
    初学canvas,遇到width和height显示问题和用excanvas.js兼容IE问题
    Java学习笔记28(集合框架二:Iterator迭代器)
    Java学习笔记27(集合框架一:ArrayList回顾、Collection接口方法)
    Java学习笔记26(Math类、Arrays类、BigInteger类、BigDecimal类)
    Java学习笔记25(System类)
    Java学习笔记24(Integer类)
    Java学习笔记23(Calendar类)
    Java学习笔记22(Date类、DateFormat类)
    Java学习笔记21(String类补充:正则表达式)
  • 原文地址:https://www.cnblogs.com/niuniu1985/p/1619549.html
Copyright © 2011-2022 走看看