掌握字符串操作：从charAt到模板字面量-优快云博客

掌握字符串操作：从charAt到模板字面量

背景简介

在JavaScript编程中，字符串操作是不可或缺的一部分。掌握字符串的各种操作方法对于编写高效且易于维护的代码至关重要。本文将通过实例和解释，带你深入理解JavaScript中字符串操作的核心方法。

charAt() 和 charCodeAt()

charAt() 方法用于获取字符串中指定位置的字符，而 charCodeAt() 方法则返回指定字符的Unicode编码。这两个方法对于处理单个字符非常有用。

var str = "Hi There!";
document.getElementById("sample").innerHTML = str.charAt(4); // 输出 'e'
document.getElementById("sample").innerHTML = str.charCodeAt(4); // 输出 101 (字符 'e' 的Unicode编码)

字符串转换为数组

有时我们需要将字符串视为字符数组处理。 split() 方法可以将字符串按指定分隔符分割成数组。如果不指定分隔符，则整个字符串会被视为数组中的唯一元素。

let str = "H,a,n,u,m,a,n,t,h";
const a = str.split(","); // a = ["H", "a", "n", "u", "m", "a", "n", "t", "h"]

indexOf() 和 lastIndexOf()

indexOf() 方法用于查找子字符串首次出现的位置，而 lastIndexOf() 方法则返回最后一次出现的位置。两者都接受第二个参数作为搜索的起始位置。

let str = "My Home is Sweet Home";
document.getElementById("sample").innerHTML = str.indexOf("Home"); // 输出 3
document.getElementById("sample").innerHTML = str.lastIndexOf("Home"); // 输出 13

search() 和 match()

search() 方法用于在字符串中搜索匹配指定正则表达式的部分，并返回匹配的位置。而 match() 方法则返回匹配结果的数组。

let str = "My Home is Sweet Home";
document.getElementById("sample").innerHTML = str.search("Home"); // 输出 3
document.getElementById("sample").innerHTML = str.match(/Home/g); // 输出 ["Home", "Home"]

includes(), startsWith(), 和 endsWith()

这三个方法分别用于检测字符串是否包含指定值、是否以指定值开头或结尾。

let str = "My Home is Sweet Home";
document.getElementById("sample").innerHTML = str.includes("Home"); // 输出 true
document.getElementById("sample").innerHTML = str.startsWith("My"); // 输出 true
document.getElementById("sample").innerHTML = str.endsWith("Home"); // 输出 true