当数组包含基本多语言平面之外的字符时，为什么 Array#slice 不能按预期工作？

Question

此代码似乎适用于“普通”字符，但不适用于基本多语言平面之外的字符。

为什么这不起作用，有没有办法让它起作用？

let s = "????⛵️????"
let unicodeArray = [...s]

console.log(unicodeArray.slice(1, 2)) // ["⛵"] // correct
console.log(unicodeArray.slice(1, 3)) // ["⛵", "️"] // incorrect

Answer 1

问题在于，在您的字符串中，⛵️ 是两个独立的代码点：帆船表情符号 (U+26F5) 和 variation selector (U+FE0F)。您的 unicodeArray 的长度为 4，导致更多子字符串。

如果您省略变体选择器，它会按选定的方式工作：

const s1 = "abc"
const s2 = "?⛵️?" // length 6
const s3 = "?⛵?" // length 5
console.log(s2 === s3) // false

function substrings(s) {
    const unicodeArray = Array.from(s)
    const result = []

    for (let l = 1; l <= unicodeArray.length; l++) {
      for (let i = 0; i <= unicodeArray.length - l; i++) {
        result.push(unicodeArray.slice(i, i + l).join(''))
      }
    }
    return result
}

console.log(substrings(s1)) // ["a", "b", "c", "ab", "bc", "abc"]
console.log(substrings(s2)) // ["?", "⛵", "️", "?", "?⛵", "⛵️", "️?", "?⛵️", "⛵️?", "?⛵️?"]
console.log(substrings(s3)) // ["?", "⛵", "?", "?⛵", "⛵️?", "?⛵️?"]

Answer 2

因为这些字符的长度会混淆您的功能

console.log("?⛵️?".length); // 6
console.log("abc".length);     // 3