JavaScript 中的字符串排序
JavaScript 字符串包含零个或多个带引号的字符,用于存储和操作文本。
当谈到 JavaScript 中的字符串时,有一些有用的内置方法可以帮助我们处理和操作它们。本文将向你展示如何使用内置的 JavaScript 方法对字符串数组进行排序。
JavaScript 有两种方法,sort
和 localeCompare
,它们通过改变原始字符串数组来返回一个有序的字符串数组。
使用 sort()
方法对 JavaScript 字符串进行排序
sort()
方法是 JavaScript 提供的内置方法,用于对数组的元素进行排序。
这种排序是通过将元素转换为字符串来完成的。在此基础上,它将比较它们的 UTF-16
代码单元值序列。
标准顺序始终是升序
。这个方法改变了原始数组。
语法:
sort()
sort((firstEl, secondEl) => { ... } )
sort(compareFn)
sort(function compareFn(firstEl, secondEl) { ... })
参数 firstEl
和 secondEl
代表数组中需要比较和排序的两个元素。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
(比较字符串)使用英语语言环境。这里有趣的部分是它只返回 -1
、1
和 0
,然后 sort 方法将对这些字符串进行排序。
当你执行上面的代码块时,它将为你提供以下输出。
输出:
["Fedora", "Linux", "MacOS", "Ubuntu", "Windows"]
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