JavaScript 中的字符串排序

Shraddha Paghdar 2023年10月12日
  1. 使用 sort() 方法对 JavaScript 字符串进行排序
  2. 使用 localeCompare() 方法对 JavaScript 字符串进行排序
JavaScript 中的字符串排序

JavaScript 字符串包含零个或多个带引号的字符,用于存储和操作文本。

当谈到 JavaScript 中的字符串时,有一些有用的内置方法可以帮助我们处理和操作它们。本文将向你展示如何使用内置的 JavaScript 方法对字符串数组进行排序。

JavaScript 有两种方法,sortlocaleCompare,它们通过改变原始字符串数组来返回一个有序的字符串数组。

使用 sort() 方法对 JavaScript 字符串进行排序

sort() 方法是 JavaScript 提供的内置方法,用于对数组的元素进行排序。

这种排序是通过将元素转换为字符串来完成的。在此基础上,它将比较它们的 UTF-16 代码单元值序列。

标准顺序始终是升序。这个方法改变了原始数组。

语法:

sort()
sort((firstEl, secondEl) => {...})
sort(compareFn)
sort(function compareFn(firstEl, secondEl) {
  ...
})

参数 firstElsecondEl 代表数组中需要比较和排序的两个元素。compareFn 是一个可选函数,用于定义自定义排序函数。这个方法的返回值是它就地返回排序后的数组,这意味着它改变了原始数组并将结果存储在原始数组中。

有关更多信息,请查看 sort() 方法的文档。

const osItems = ['Linux', 'Ubuntu', 'Windows', 'MacOS', 'Fedora'];
osItems.sort();
console.log(osItems);

如果我们调用 sort(),这将根据 UTF-16 代码单元对原始数组 osItems 进行排序,并将结果存储回 osItems 数组。当你执行上面的代码时,它会给你下面的输出。

输出:

["Fedora", "Linux", "MacOS", "Ubuntu", "Windows"]

使用 localeCompare() 方法对 JavaScript 字符串进行排序

localeCompare() 方法是 JavaScript 提供的内置方法。

此方法检查引用字符串是在前面还是在后面,是否与排序顺序中的指定字符串匹配,并基于此返回数字。如果你通过其他语言环境,实际结果可能会有所不同。

语法:

localeCompare(compareString)
localeCompare(compareString, locales)
localeCompare(compareString, locales, options)

compareString 是一个必需参数,它是一个字符串,与引用字符串进行比较。

locales 表示应该使用其格式约定的语言,它是一个完全可选的参数。根据比较,如果在比较字符串之后出现引用字符串,则返回 1,如果在比较字符串之前出现引用字符串,则返回 -1,如果两个字符串相等,则返回 0

有关更多信息,请查看 localeCompare() 方法的文档。

sort 方法中使用 localeCompare 方法的唯一优点是它允许对非 ASCII 字符进行排序,例如 é 和 è。localeCompare 方法的语言环境和选项参数使其更准确。

const osItems = ['Linux', 'Ubuntu', 'Windows', 'MacOS', 'Fedora'];
osItems.sort((a, b) => a.localeCompare(b, 'en'));
console.log(osItems);

如果我们调用 a.localeCompare(b, 'en'),这将比较原始数组中的 a(参考字符串),在本例中为 osItems,与 b(比较字符串)使用英语语言环境。这里有趣的部分是它只返回 -110,然后 sort 方法将对这些字符串进行排序。

当你执行上面的代码块时,它将为你提供以下输出。

输出:

["Fedora", "Linux", "MacOS", "Ubuntu", "Windows"]
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - JavaScript String