正确返回Unicode字符串长度（扩展运算符）

memoryI

于 2019-02-25 16:35:59 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章标签：扩展运算符 js Unicode

本文链接：https://blog.youkuaiyun.com/memoryI/article/details/87918605

技术专栏收录该内容

59 篇文章

订阅专栏

本文探讨了JavaScript中扩展运算符的应用，特别是将其用于转换字符串为数组，以便更精确地处理包括Unicode字符在内的各种字符串。文章通过实例展示了如何使用扩展运算符进行字符串长度的准确计算及逆序操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意：扩展运算符将字符串转为真正的数组

        const str='hello';
        console.log(str)//hello
        console.log(...str)//h e l l o
        console.log([...str])//(5) ["h", "e", "l", "l", "o"]

        const uniStr='x\hell\swo\jknn';
        console.log([...uniStr]);//(12) ["x", "h", "e", "l", "l", "s", "w", "o", "j", "k", "n", "n"]
        console.log([...uniStr].length);//12
       
        //JavaScript 会将四个字节的 Unicode 字符，识别为 2 个字符
        console.log('x\uD83D\uDE80y'.length )//4
        console.log([...'x\uD83D\uDE80y'] )//(3) ["x", "?", "y"]
        console.log([...'x\uD83D\uDE80y'].length )//3

        //封装
        function uniLen(str){
            return [...str].length;
        }
        uniLen('x\uD83D\uDE80y')//3
        console.log(uniLen('x\uD83D\uDE80y'));//3

//如果不用扩展运算符，字符串的reverse操作就不正确。
let str = 'x\uD83D\uDE80y';

str.split('').reverse().join('')
// 'y\uDE80\uD83Dx'

[...str].reverse().join('')
// 'y\uD83D\uDE80x'