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>

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

原文地址:https://www.cnblogs.com/niuniu1985/p/1619549.html