7个前端开发人员必须知道的JavaScript字符串方法

ゝ一世哀愁。 2022-09-02 05:21 14阅读 0赞

![a600b9b4f33db5a5405079634d49fbc2.png][]

英文 | https://javascript.plainenglish.io/7-powerful-javascript-string-methods-that-you-should-know-b2ec3eec02ae

译文 | 杨小二

如今，JavaScript 是软件开发中使用最多最流行的编程语言之一。作为开发人员，你可以单独使用 JavaScript 做很多事情。例如，网站开发、网络应用程序、移动应用程序、游戏、人工智能等等。

JavaScript 有许多很酷的特性和内置方法，你可以使用它们来轻松实现目标并加快开发速度。

有一些方法可用于在 JavaScript 中操作数组、对象、字符串和其他数据类型。你不必记住所有可用的方法。当你忘记某事时，Google 将是你最好的朋友。

在本文中，我将向你列出一些有用的 JavaScript 字符串方法，它们会对你有很大帮助。

现在，让我们开始吧。

**1、slice() 方法**

slice() 方法是一个字符串方法，它允许我们复制和提取部分字符串。结果，它以新字符串形式返回提取的部分。你也可以将此方法用于数组。

方法 slice() 接受两个参数：

*  起始索引（要从其开始的字符索引）。
 *  结束索引（要结束的字符的索引）。

下面是一个例子：

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 创建很棒的东西。

感谢你阅读这篇文章， 希望你觉得它有用。

#  #

**学习更多技能**

**请点击下方公众号**

![978b8ef02263611af6a7f7b6f1524ff0.gif][]

![e5ef0a9c5b428f99ad6c6a8c585eeab2.png][]

![d4e08fa73abe71314ff20fa030dce14a.png][]

[a600b9b4f33db5a5405079634d49fbc2.png]: /images/20220829/11c348b5d73047ac9e3ca3e4b9b676a9.png
[978b8ef02263611af6a7f7b6f1524ff0.gif]: /images/20220829/df63b1226be24dc7a5fb0271677d853a.png
[e5ef0a9c5b428f99ad6c6a8c585eeab2.png]: /images/20220829/4724426ba0c942b095ce41fa62c05e29.png
[d4e08fa73abe71314ff20fa030dce14a.png]: /images/20220829/13f03d053f5e447aa5c79ef88e52e898.png