比较两个 JavaScript 字符串的方法

2025 年 3 月 3 日 | 阅读 4 分钟

字符串是一系列字符,用于存储数字、字母、空格和符号。我们可以通过将字符括在双引号、单引号或反引号中来在 JavaScript 中创建字符串。

示例

在登录 身份验证 和其他原因时,有时需要比较两个字符串。在 JavaScript 中有多种比较字符串的方法,我们将在本文中进行研究。

用于比较字符串的方法如下:

  1. localeCompare
  2. 数学运算符

让我们通过示例来理解每一种方法。

localeCompare

这是一个根据字母顺序在当前区域设置中比较两个字符串的方法。

语法

此方法返回 1、0 或 -1。

如果 string1 大于 string2,则此方法返回 1。

如果 string1 小于 string2,则此方法返回 -1。

如果 string1 等于 string2,则此方法返回 0。

以下是使用 localeCompare() 方法比较两个字符串的演示:

演示 1

我们将比较 string1 “Welcome” 和 string2 “here!” 并查看输出。

代码

输出

1

说明

在上面的演示中,string1 “Welcome” 大于 string2 “here!”,因此返回 1。根据字母顺序,字母 wh 之后,这使得 string1 大于 string2。

演示 2

我们将比较 string1 “tomato” 和 string2 “zomato” 并查看结果。

代码

输出

-1

说明

在上面的演示中,string1 “tomato” 小于 string2 “zomato”,因此返回 -1。根据字母顺序,tz 之前,这使得 string1 小于 string2。

演示 3

我们将比较 string1 “burger” 和 string2 “burger” 并查看结果。

代码

输出

0

说明

在上面的演示中,string1 “burger” 的所有字母顺序都与 string2 “burger” 相同,因此返回 0。

演示 4

我们将比较 string1 “swag” 和 string2 “Swag” 并查看结果。

代码

输出

-1

说明

在上面的演示中,string1 “swag” 小于 string2 “Swag”,因为小写 s 小于大写 S。它返回 -1。

注意:某些浏览器在字符串较小时返回小于 0 的值而不是 -1,在字符串较大时返回大于 0 的值而不是 1。

数学运算符

我们可以使用小于 (<)、大于 (>) 或等于 (==) 等数学运算符。这与 localeCompare 方法类似,意味着它也根据字母顺序比较两个字符串。

以下是使用数学运算符比较两个字符串的演示:

演示 1

我们将使用小于 (<) 数学运算符来检查 string1 是否小于 string2。它返回一个布尔值,即 true 或 false。

代码

输出

false

说明

在上面的演示中,string1 “BMW” 根据字母顺序大于 string2 “Audi”,因此返回 false。

演示 2

我们将使用大于 (>) 数学运算符来检查 string1 是否大于 string2。

代码

输出

true

说明

在上面的演示中,string1 “html” 根据字母顺序大于 string2 “css”,因此返回 true。

演示 3

我们将使用等于 (==) 数学运算符来检查 string1 是否等于 string2。

代码

输出

true

说明

在上面的演示中,string1 “JavaScript” 根据字母顺序小于 string2 “JavaScript”,因此返回 true。

结论

本文介绍了 JavaScript 中的字符串比较。我们可以使用 localeCompare() 方法和小于 (<)、大于 (>) 或等于 (==) 等数学运算符来比较字符串。我们已经通过示例理解了每种方法。