动态大数据插入 textarea 粉碎 Chrome

Question

我的问题是，当我在 textarea 中复制很多行时，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

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

 $("#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);
    });

动态大数据插入 textarea 粉碎 Chrome

Dynamic big data insert to textarea crushes Chrome

html

javascript

jquery

memory-management

google-chrome