JS——indexOf replace search

Posted 2020-10-11 站错队了同志

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

注释：indexOf() 方法对大小写敏感！如果要检索的字符串值没有出现，则该方法返回 -1。

语法：searchvalue，必需。规定需检索的字符串值。fromindex，可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

stringObject.indexOf(searchvalue,fromindex)

<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))
</script>

以上代码的输出：

0
-1
6

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法：regexp/substr，必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。replacement，必需。一个字符串值。规定了替换文本或生成替换文本的函数。

stringObject.replace(regexp/substr,replacement)

返回值：一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明：字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、...、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本
$&	与 regexp 相匹配的子串
$`	位于匹配子串左侧的文本
$‘	位于匹配子串右侧的文本
$$	直接量符号

 

 

 

 

 

 

 

//使用 "W3School" 替换字符串中的 "Microsoft"
<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))
</script>
//结果：Visit W3School!

//全局替换，每当 "Microsoft" 被找到，它就被替换为 "W3School"
<script type="text/javascript">
var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."
document.write(str.replace(/Microsoft/g, "W3School"))
</script>
//结果：Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

//确保匹配字符串大写字符的正确
var text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

//把 "Doe, John" 转换为 "John Doe" 的形式
var name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

//把所有的花引号替换为直引号
var name = ‘"a", "b"‘;
name.replace(/"([^"]*)"/g, "‘$1‘");

//把字符串中所有单词的首字母都转换为大写
var name = ‘aaa bbb ccc‘;
var uw=name.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);}
  );

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

语法：regexp，该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。注释：要执行忽略大小写的检索，请追加标志 i。

stringObject.search(regexp)

返回值：stringObject 中第一个与 regexp 相匹配的子串的起始位置。注释：如果没有找到任何匹配的子串，则返回 -1。

说明：search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

//检索 "W3School" 输出：6
<script type="text/javascript">
var str="Visit W3School!"
document.write(str.search(/W3School/))
</script>
//无法检索到 w3school（因为 search() 对大小写敏感）输出-1
<script type="text/javascript">
var str="Visit W3School!"
document.write(str.search(/w3school/))
</script>
//忽略大小写的检索 输出6
<script type="text/javascript">
var str="Visit W3School!"
document.write(str.search(/w3school/i))
</script>

 参考：JavaScript indexOf() 方法、JavaScript search() 方法、JavaScript replace() 方法