JavaScript学习笔记:indexOf,lastIndexOf,substring, substr,replace
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
indexOf:
返回某个指定的字符串值在字符串中首次出现的位置
语法:stringObject.indexOf(searchvalue,fromindex)
参数:
searchvalue:必需,要检索的字符串值(对大小写敏感)
fromindex:可选的整数参数,规定在字符串中开始检索的位置,合法取值范围是0~stringObject.length-1, 如果省略该参数,将从字符串的首字符开始检索。
返回值:
如果找到一个searchvalue,返回searchvalue第一次出现的位置
如果searchvalue没有出现,则返回-1
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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 大,那么该方法在提取子串之前会先交换这两个参数。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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 的开始位置到结尾的字串。
返回值:一个新的字符串
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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:
用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法:stringObject.replace(regexp, replacement);
参数:
regexp:必需,要替换的模式的RegExp对象
replacement:必需,替换文本或生成替换文本的函数
返回值:
一个新的字符串,用replacement替换了regexp的第一次匹配或所有匹配之后得到的。
说明:
字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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>
对正则表达式不熟悉,应该学习下~~~