javascript - 设置文本区域中数组的格式

Question

我想知道是否可以将数组打印到文本区域中，并在每第 4 行(在数组或文本区域中)之后放置一个换行符或类似 ----- 的内容。

在下面的示例中，我在表单中有一些输入字段需要放置在文本区域中。然后提交该文本区域。 “原因是我使用 SaaS 平台，所以我需要解决这个问题。

所以我所拥有的是:

  $('.req').on('click', function(){

  var data = [];
  $('.table input').each(function() {
    data.push($(this).val());
  });

  var textarea = document.getElementById("form-message");
  textarea.value = data.join("\n");

  });

结果我得到

21546
Some name
150
12345
Some name
555
54646
Some name
578

如何打印出来:

21546
Some name
150
----------------
12345
Some name
555
----------------
54646
Some name
578

这可能吗？

提前感谢您的帮助:)

Answer 1

这是一个快速解决方案

   $('.req').on('click', function(){

      var data = [];
      $('.table input').each(function(index) {        
        data.push($(this).val());
        if((index+1)%3===0) {
          data.push("-----------------");
        }
      });

      var textarea = document.getElementById("form-message");
      textarea.value = data.join("\n");

    }); 

使用 .each() 返回的索引值和 if((index+1)%3 === 0) 中的模，您可以非常轻松地每三行添加一个附加条目。使用 %n 每 n 行执行一次。

这是一个显示解决方案的 fiddle : https://jsfiddle.net/055074yu/