Javascript 循环遍历数组并替换卷曲字符中的文本

希望有人能帮忙，我想把不同文本框中的文本缝合在一起，然后用数组中的对象替换占位符{xxx}中的任何内容。最终文本输出到“文本区域3”

然后，我希望能够单击一个按钮，然后在数组中循环一次，每次替换占位符

这是我到目前为止得到的结果，但我一直在尝试通过点击按钮来循环数组

function concatenate(){
    document.getElementById("result1").innerHTML =
    document.getElementById("text_area_1").value + " " + 
    document.getElementById("text_area_2").value;

 document.getElementById("result2").innerHTML = 
   document.getElementById("text_area_3").value;
}
$(document).ready(function(){
  var arr = ["One","Two","Three"];
  var index = 0;
  $('#next').click(function(){ 
    index = (index + 1) % arr.length ;
 });
});

---

感谢

在javascript中迭代数组，请尝试jquery$。每个函数。下面是其中的一个示例文档

$.each([ 52, 97 ], function( index, value ) {
  alert( index + ": " + value );
});

---

其中值为52和97，索引为0和1。

也许您应该告诉我们您已经尝试了什么，并解释您遇到问题的部分。这样，有人会更容易帮助你。