代碼示例// 計(jì)算屬性Getters /** * 按 acceptTypeCode 去重后的受理類別鍵值對(duì)列表僅包含編碼和名稱 * 并按 acceptTypeCode 自然排序數(shù)字部分按數(shù)值比較確保排序?yàn)?B01, B10, B2 */ const acceptTypeKeyValues computed(() { const seen new Setstring(); return acceptTypeOptions.value .map((item) ({ acceptTypeCode: item.acceptTypeCode, acceptTypeName: item.acceptTypeName })) .filter((item) { if (seen.has(item.acceptTypeCode)) return false; seen.add(item.acceptTypeCode); return true; }) .sort((a, b) // 第二個(gè)參數(shù)undefined指定 locale語言環(huán)境。傳入 undefined 表示使用運(yùn)行時(shí)默認(rèn)的 locale通常由瀏覽器或 Node.js 環(huán)境決定。 a.acceptTypeCode.localeCompare(b.acceptTypeCode, undefined, { numeric: true, // 啟用自然數(shù)字排序。例如 B2 會(huì)被排在 B10 前面因?yàn)閿?shù)字部分按數(shù)值 2 10 比較而不是逐字符比較否則 B10 會(huì)排在 B2 前。 sensitivity: base // 設(shè)置字符串比較的敏感度。base 表示只比較基本字符忽略大小寫和重音符號(hào)。例如 a 和 A 被認(rèn)為是相等的é 和 e 也被視為相等。 }) ); });這段代碼是一個(gè)字符串排序比較函數(shù)用于Array.prototype.sort()的回調(diào)中。它調(diào)用字符串的localeCompare方法并傳入一些選項(xiàng)來控制比較行為。具體解釋如下代碼分解tsa.acceptTypeCode.localeCompare(b.acceptTypeCode, undefined, { numeric: true, sensitivity: base })a.acceptTypeCode當(dāng)前元素的值。b.acceptTypeCode下一個(gè)元素的值。localeCompareJavaScript 字符串方法返回一個(gè)數(shù)字負(fù)數(shù)、0 或正數(shù)表示兩個(gè)字符串在本地化排序中的相對(duì)順序。第二個(gè)參數(shù)undefined指定 locale語言環(huán)境。傳入undefined表示使用運(yùn)行時(shí)默認(rèn)的 locale通常由瀏覽器或 Node.js 環(huán)境決定。第三個(gè)參數(shù)選項(xiàng)對(duì)象numeric: true啟用自然數(shù)字排序。例如B2會(huì)被排在B10前面因?yàn)閿?shù)字部分按數(shù)值 2 10 比較而不是逐字符比較否則 B10 會(huì)排在 B2 前。sensitivity: base設(shè)置字符串比較的敏感度。base表示只比較基本字符忽略大小寫和重音符號(hào)。例如a和A被認(rèn)為是相等的é和e也被視為相等。作用總結(jié)這個(gè)表達(dá)式用于對(duì)acceptTypeCode進(jìn)行自然排序數(shù)字按數(shù)值大小字母不區(qū)分大小寫。它返回一個(gè)值供sort方法決定元素的先后順序。示例假設(shè)有數(shù)組[B10, B2, B01]使用此比較函數(shù)排序后得到[B01, B2, B10]符合人類直覺。與普通localeCompare的區(qū)別不帶選項(xiàng)localeCompare默認(rèn)按字典序比較結(jié)果可能是[B01, B10, B2]因?yàn)樽址?1 的 Unicode 碼點(diǎn)小于 2。加了numeric: true數(shù)字部分按數(shù)值比較得到更自然的順序。加了sensitivity: base忽略大小寫差異例如b2和B2排序時(shí)視為相同。因此這個(gè)表達(dá)式提供了更符合業(yè)務(wù)習(xí)慣的排序方式特別適合編碼包含數(shù)字和字母的情況。