Js聊天软件-删除输入文字中emoji表情的处理
1.问题描述
当我们点击右下角的删除键,希望删去这个表情时,会出现这种情况
这种情况是,当我们点击删除按钮时,就删除最后一个字符,但emoji表情占位可不止一个字符,但如果删除长度固定成emoji表情的长度,文本内容就不能正常删除了,下面时这样上述图片处理的代码
deleteMessage(){
//点击删除键,就删除消息的最后一个字符
this.message.substring(0,this.message.length-1)
}
2.我的处理方式
这是我使用的处理方式
deleteMessage(){
let strArr = Array.from(this.message)
console.log(strArr)
strArr.pop()
this.message = strArr.join('');//将数组还原成字符串
}
}
因为,Array.form会将我们的字符串拆分为数组,而它对emoji处理为单个元素
这是打印出拆分数组的样子