内置对象 - String 对象 - 字符串的查找与替换

前端 - Javascript 《内置对象 - String 对象 - 字符串的查找与替换》

在 JavaScript 的世界里，String 对象就像是一个功能强大的百宝箱，其中字符串的查找与替换操作更是日常开发中经常会用到的实用技能。下面，让我们一起来揭开它们的神秘面纱，探索其中的奇妙之处。

indexOf() 方法用于返回指定字符串值在字符串中首次出现的位置。如果没有找到，则返回 -1。

let str = "Hello, world!";
let index = str.indexOf("world");
console.log(index); // 输出：7

与 indexOf() 相反，lastIndexOf() 方法返回指定字符串值在字符串中最后一次出现的位置。

let str2 = "Hello, hello!";
let lastIndex = str2.lastIndexOf("hello");
console.log(lastIndex); // 输出：7

includes() 方法用于判断一个字符串是否包含另一个字符串，返回布尔值。

let str3 = "JavaScript is fun";
let hasFun = str3.includes("fun");
console.log(hasFun); // 输出：true

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

let str4 = "Hello, world!";
let newStr = str4.replace("world", "JavaScript");
console.log(newStr); // 输出：Hello, JavaScript!

需要注意的是，replace() 方法默认只替换第一个匹配到的字符串。如果想要替换所有匹配的字符串，可以使用正则表达式的全局匹配标志 g。

let str5 = "apple, apple, banana";
let allReplaced = str5.replace(/apple/g, "grape");
console.log(allReplaced); // 输出：grape, grape, banana

ES2021 引入了 replaceAll() 方法，它可以直接替换所有匹配的字符串，而不需要使用正则表达式。

let str6 = "cat, cat, dog";
let allReplaced2 = str6.replaceAll("cat", "rabbit");
console.log(allReplaced2); // 输出：rabbit, rabbit, dog

方法名	作用	特点
replace()	替换字符串中的字符或匹配的子串	默认只替换第一个匹配项，可结合正则表达式全局匹配
replaceAll()	替换字符串中所有匹配的字符	直接替换所有匹配项，无需正则表达式全局匹配

通过这些查找与替换方法，我们可以轻松地对字符串进行各种处理。无论是在表单验证、数据清洗还是文本处理中，它们都能发挥巨大的作用。就像拥有了一把神奇的魔法钥匙，让我们能够随心所欲地操控字符串，让代码更加灵活和强大。下次遇到字符串处理的问题时，不妨试试这些方法，说不定会给你带来意想不到的惊喜哦！