javascript - 动态大数据插入文本区域碾压 Chrome

Question

我的问题是，当我在文本区域中复制许多行时，chrome 会崩溃。代码:

 $("#duplicate").click(function(){
       var lines = $("#input").val().split("\n");
       $("#input").val("");
       console.log(lines.length, $("#duplicate_num").val());
       for(var i = 0; i < lines.length; i++){
           for(var j = 0; j < parseInt($("#duplicate_num").val()); j++){
               $("#input").val($("#input").val()+lines[i]+"\n");
           }
       }
    });

处理少量数据时效果很好，但当我必须复制 500 行 60 次时，Chrome 就死机了。 我应该做哪些改进来保持 chrome 的活力？

Answer 1

没有太多理由在任何浏览器、chrome 或其他浏览器中将 500 行重复 60 次。无论您如何编写，这种类型的操作都将占用大量资源，这就是为什么您应该真正考虑您要完成的任务，并看看是否可以通过其他方式来实现。也就是说，这应该会提高性能。

 $("#duplicate").click(function(){
       var lines = $("#input").val().split("\n");
       var txt = "";
       var count = parseInt($("#duplicate_num").val());
       var line;
       console.log(lines.length, $("#duplicate_num").val());
       for(var i = 0; i < lines.length; i++){
           line = lines[i] + "\n";
           for(var j = 0; j < count; j++){
              txt += line;
           }
       }
       $('#input').val(txt);
    });