7个前端开发人员必须知道的JavaScript字符串方法
起始索引(要从其开始的字符索引)。
结束索引(要结束的字符的索引)。
const str = "JavaScript is Awesome";
str.slice(0, 10); //returns "JavaScript"
在上面的例子中,我们使用了 slice 方法,并传递了两个参数来将字符串的一部分从指定的索引提取到另一个。
如果需要,你也可以只传递一个参数。结果,它将从该索引参数中提取字符串,直到该字符串的最后一个索引。
下面是一个例子:
const str = "JavaScript is Awesome";
str.slice(14); //returns "Awesome"
str.slice(-7); //returns "Awesome"
如你所见,如果需要,你还可以传递负数,该方法将从字符串的末尾开始提取到开头。
2、concat()方法
concat() 方法允许将字符串连接和组合在一起。这就像使用一元运算符 + 进行字符串连接。
下面是一个例子:
const tool = "JavaScript";
tool.concat(" is Awesome."); //returns "JavaScript is Awesome."
tool.concat(" Hello", " World"); //returns "JavaScript Hello World"
如你所见,该方法返回一个新的连接字符串,如果需要,你可以将多个字符串传递给它。
3、split() 方法
JavaScript 中的 split() 方法允许我们将字符串拆分为数组。 它使我们能够在 JavaScript 中将字符串转换为数组。
下面是一个例子:
const str = "JavaScript is Awesome";
//convert to an array of single characters.
str.split("");
// returns ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t", " ", "i", "s", " ", "A", "w", "e", "s", "o", "m", "e"]
//convert to an array of words.
str.split(" "); //returns ["JavaScript", "is", "Awesome"]
//get the first two words inside an array.
str.split(" ", 2); //returns ["JavaScript", "is"]
如你所见,该方法最多可以接受两个参数,允许你按照自己的方式将字符串拆分为数组。
4、 includes() 方法
includes() 方法检查字符串是否包含作为方法参数传递的另一个特定字符串。 如果是,则返回 true 。 否则,它返回 false 。
这是示例:
const str = "JavaScript is Awesome";
str.includes("JavaScript"); //returns true
str.includes("Python"); //returns false
5、charCodeAt() 方法
charCodeAt()方法返回字符串中指定字符的 Unicode 编号。
你只需将要获取其 Unicode 的字符的索引作为参数传递给该方法。
下面是一个例子:
const str = "JavaScript is Awesome";
str.charCodeAt(0); //returns 74
str.charCodeAt(2); //returns 118
如上所示,该方法返回指定字符的 Unicode 值。 当我们将 0 作为参数传递时,它返回字符串中第一个字母的 Unicode 值,即 Unicode 值为 74 的字母“J”。另一方面,当我们将 2 作为参数传递时,它返回 118,因为字母“v”的 Unicode 值为 118。
6、fromCharCode()方法
fromCharCode() 方法允许我们将 Unicode 值转换为人类可以阅读的可读字符。 由于此方法是 String 对象的一部分,我们使用关键字 String 访问它。
下面是一个例子:
String.fromCharCode(77); //returns "M"
String.fromCharCode(65); //returns "A"
String.fromCharCode(74, 65, 118, 65); //returns "JAVA"
如果你想使用 JavaScript 将字符串从二进制转换为普通文本,则此方法非常有用。
7、replaceAll()方法
replaceAll() 方法是 ES2020 的新方法。 它允许我们将参数传递的另一个特定字符串替换一个字符串的多个实例。
我们可以使用普通字符串或全局正则表达式来替换所有实例。 你甚至可以传递一个函数来操作所有实例。
replaceAll()方法接受两个参数:
要替换的字符串的实例。
将替换实例的字符串(你也可以传递普通字符串或函数)。
下面是一个例子:
const str = "Hello Hello JavaScript";
str.replaceAll(/Hello/g, "Hi"); //returns "Hi Hi JavaScript"
str.replaceAll("Hello", "Hi"); //returns "Hi Hi JavaScript"
str.replaceAll("Hello", (i) => i + " World");
//returns "Hello World Hello World JavaScript"
因此,该方法返回一个包含我们替换的所有新实例的新字符串。
结论
如你所见,上述方法在 JavaScript 中处理字符串时非常有用。 它们真的可以节省你的时间并帮助你使用 JavaScript 创建很棒的东西。
感谢你阅读这篇文章, 希望你觉得它有用。
学习更多技能
请点击下方公众号