在带有表情符号的字符串上使用es6扩展运算符时数组中的“孔”

时间:2018-12-17 10:51:40

标签: javascript google-chrome ecmascript-6

为什么当我尝试使用spread(...)运算符使用表情符号分割字符串时,在结果数组中出现“空洞”?

示例: [...''] // -> ["", hole]

更多表情符号会产生更多“空洞”: [...''] // -> ["", "", hole, hole]

Chrome v71.0.3578.98的屏幕截图:

2 个答案:

答案 0 :(得分:5)

当然这是一个错误。

作为一种解决方法,Array.from()的工作原理相同,只是它不是越野车。

> s="\uD83C\uDF1F\u5FCD\u8005\u306E\u653B\u6483\uD83C\uDF1F"
> [...s]
(9) ["", "忍", "者", "の", "攻", "撃", "", hole, hole]
> Array.from(s)
(7) ["", "忍", "者", "の", "攻", "撃", ""]

该修补程序似乎已在Chrome 72中解决,但您可以在Chromium中打开一个错误,然后要求将其合并到71。

修复和测试用例在这里:https://crrev.com/902d21dd661033427b56d5f93c12b12339bf55ab

(我相信“漏洞”是V8告诉您的,一些本机代码搞砸了,无法正确初始化数组,而普通的javascript可能会产生“空”。)

是的,V8肯定让自己感到困惑:

> a=[...'\u{1f4a9}']
(2) ["", hole]
> hole=a[1]
undefined
> hole
VM384:1 Uncaught ReferenceError: hole is not defined

答案 1 :(得分:0)

现在可以了

[...'?']
// ["?"]

[...'??']
// (2) ["?", "?"]