在每行的开头添加一个'，并在最后一行删除逗号

Question

我有以下代码：

 function addComma() { // get textarea's content var content = document.getElementById('myTextArea').value; // replace all newline's with ';\\n' var replaced = content.replace(/\\n/g, '\\',\\n'); // rewrite the content with the new content document.getElementById('myTextArea').value = replaced; } 

 <textarea id='myTextArea' rows='5' cols='30'> First Line Second Line Third Line </textarea> <input type='button' onclick='addComma()' value='Add Comma' /> 

http://jsfiddle.net/jw7t68f5

我如何在每行的开头添加一个'但要删除最后一行的逗号。 （我将有三排以上。）

提前致谢！

Answer 1

我认为这是一种略有不同的方法，可以为您提供所需的结果：

var replaced = content.split('\n').map(l => "'" + l + "'").join(',\n')

这样做是将内容分割成一个数组（通过新行）， map函数将基本上遍历每一行，并在开始和结尾处添加'，最后join将使用逗号将数组重新组合成字符串，然后新队

Answer 2

我的过滤器确保没有空行； 无需子字符串摆弄。

var replaced = content.split('\n').filter(p=>p!="").map(p=>'\''+p).join(',\n');

Answer 3

使用split和map ：

 function addComma() { var content = document.getElementById('myTextArea').value; //Add in commas and speech marks var replaced = content.split("\\n").map(e => `'${e}',`).join("\\n"); //Remove last comma replaced = replaced.substring(0, replaced.length - 1); //Put text back into page document.getElementById('myTextArea').value = replaced; } 

 <textarea id='myTextArea' rows='5' cols='30'> First Line Second Line Third Line</textarea> <input type='button' onclick='addComma()' value='Add Comma' />