Javascript 在div vs textarea中保留来自数组的新行

目前我有一堆文本存储在一个数组中。当我在控制台中输出时，我看到保留了新行。如果我把它输出到一个文本区域，效果会很好，而且我有新的行，但是我不能用不同的颜色格式化文本（我需要选择基于关键字的颜色编码）

我想做的是用新行显示文本区域，但将其输出到类似于

的数组输出，但保留新行。无论我尝试什么，它都会打断它们，我会看到所有的文本

以下是我正在使用的代码：

//Works great but not format friendly as in colors
$('#textarea').val(myArray)

//format friendly colors but does not keep new lines
$('div[title^="divContainer"]').find('p').text(myArray);

有什么建议可以让这两个世界兼得

谢谢

var myArray=[“你好”，“世界”]；
对于（纯JavaScript中的var i；i（我对换行符使用了

）：


var myArray=[“你好，我的名字是Test1。”，
“你好，我是Test2。”，
“你好，我是Test3。”]；
对于（var i=0；i”；
}
通过数组和
\n
循环

并使用方法


var myArray=[“\n第一次测试”、“\n\nSec\nond测试”、“\n第三次测试”]，
text=myArray.join（“”），
html=myArray.reduce（（a，c）=>a+c.replace（/\n/g，“
”），”）；
$（'#textarea'）.val（text）；
$（'div[title^=“divContainer”]p'）.html（html）；

试验

你能不能也在你的问题中添加myArray值？如果你能创建一个Snipet，效果会更好。@KiranDash谢谢你，请看一段正在发生的事情。另外，这是一张示例数组的照片：注意“返回”字母之间的箭头。每一个都代表一个新行谢谢，而这确实适用于数组的不同元素。在每个元素中都有带新行的文本。文本区域可以识别它们，但
无法识别，所以这是我更大的问题。谢谢，但正如我上面所说的，问题是有多个换行符hin是每个数组元素中的字符串，如果不使用textarea，我不知道如何断开这些字符串。这是我正在使用的示例数组。请注意行之间的返回箭头：谢谢！这非常好！我想我的主要问题是我一直在使用。
text（）
而您使用的是
.html（）
。尽管如此，我还是学到了一些新东西，现在是凌晨4点，我终于可以睡觉了！再次感谢