如何将含x、y值的数组按制表符分隔换行插入textarea?
解决方案
你不需要用JSON.stringify,因为它会生成JSON格式的字符串,不符合你需要的制表符分隔、每行一组的格式。可以通过以下步骤实现需求:
实现代码
<textarea id="txta"></textarea> <script> const myObj = [{ "x": 6.2, "y": 21 }, { "x": 5.9, "y": 28 }, { "x": 5.6, "y": 31 }, { "x": 5.3, "y": 33 }]; // 转换数组为目标格式的字符串 const formattedText = myObj .map(item => `${item.x}\t${item.y}`) // 每组x、y用制表符分隔 .join('\n'); // 每组单独占一行 // 如果需要和示例一样开头带换行,就用下面这行替换上面的formattedText // const formattedText = '\n' + myObj.map(item => `${item.x}\t${item.y}`).join('\n'); // 赋值给textarea document.getElementById('txta').value = formattedText; </script>
代码说明
map方法:遍历数组中的每个对象,将x和y值用制表符(\t)拼接成单行字符串。join('\n'):将所有单行字符串用换行符连接,形成完整的文本内容。- 赋值给textarea:直接修改textarea的
value属性,就能得到你想要的格式。
内容的提问来源于stack exchange,提问作者Sweety Rani
相关产品推荐
相关产品推荐

