js/vue 怎么判断出输入框中的回车并组装成新的对象

发布于 2022-09-13 00:12:55 字数 432 浏览 8 评论 0

上图是element input输入框,由此可得输出为

const text = "aaa
              bbb
              ccc"

期待的结果是↓

const result = [{ id: 'aaa' }, { id: 'bbb' }, { id: 'ccc' }]

小弟请教各位大佬大哥们怎么样识别出输入框中的回车并组装成result这样的结果,这里可能还有一种情况就是只输入了行“aaa”,也就是没有回车,这种情况的话,期待的结果是↓

const result = [{ id: 'aaa' }]

在这里感谢各位大哥大姐的解答,小弟感激不尽!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

遮云壑 2022-09-20 00:12:55

就是以换行符进行分割

`aaa
bbb
ccc`.split('\n').map(id => ({id}))
自控 2022-09-20 00:12:55

text.split(/\n/).map(item => ({id: item}))

一影成城 2022-09-20 00:12:55
text.split('\n').map(item => ({id:item}))
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文