Remove Space From Start and End From All Lines of TextArea

Question

What I am looking for remove white space from every line start and end. I am trying the code posted on this answer

var lines = $("textarea[name=f01]") .val().split(/\n/);
var texts = [];
for (var i=0; i < lines.length; i++) {
  if (/\S/.test(lines[i])) {
    texts.push($.trim(lines[i]));
  }
}
var n = texts.toString().split(",").join("\n");
$("textarea[name=f01]") .val(n);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<textarea name="f01" id="40459045A">
 आज शिद्दत से 
दिल चाह रहा है,            
बंद आँखें खोलूं तो 
सामने तुम हो !!
</textarea>

But result is like this

I think when , at the line end, its creating new empty line in it. I want result like

आज शिद्दत से
दिल चाह रहा है,
बंद आँखें खोलूं तो
सामने तुम हो !!

Let me know what I am missing in this. Thanks!

Answer 1

The code you copied assumes that the text will not contain ,. Converting an array to a string is equivalent to array.join(','). Then it's splitting that with .split(',') to get the array elements. Buf if any of the strings contain a comma, this will split it into two lines in the result.

Just use texts.join('\n'). I have no idea why the other answer uses that.

var lines = $("textarea[name=f01]") .val().split(/\n/);
var texts = [];
for (var i=0; i < lines.length; i++) {
  if (/\S/.test(lines[i])) {
    texts.push($.trim(lines[i]));
  }
}
var n = texts.join("\n");
$("textarea[name=f01]") .val(n);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<textarea name="f01" id="40459045A">
 आज शिद्दत से 
दिल चाह रहा है,            
बंद आँखें खोलूं तो 
सामने तुम हो !!
</textarea>