Js聊天项目-删除输入聊天的emoji表情

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处理为单个元素

这是打印出拆分数组的样子