javascript - 将 <tr> 文本加载到数组元素时出现问题

Question

能否请您看一下这段代码，让我知道如何存储每一行​​的文本值 <tr>在数组的元素中并在 <td> 之间添加空格

有点像

arr = ["Jill, Smith, 50","Eve, Jackson, 94", "John, Doe, 80",... ] 

现在正在发生的事情是我得到了这个结果!

["↵    Jill↵    Smith       ↵    50↵  ", "↵    Eve↵    Jackson      ↵    94↵  ", "↵    John↵    Doe     ↵    80↵  ", "↵    Mac↵    Raian        ↵    34↵  "]

这是我的代码

var arr = [];
$('#authors tr').each(function () {
    arr.push($(this).text());
});
console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="authors" style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>		
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>		
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>		
    <td>80</td>
  </tr>
    <tr>
    <td>Mac</td>
    <td>Raian</td>		
    <td>34</td>
  </tr>  
    
</table>

Answer 1

var arr = [];
$('#authors tr').each(function () {
  var tdval = '';  
  $(this).find('td').each(function(){
    tdval += $(this).text()+', ';
    })
    arr.push(tdval);
});
console.log(arr);

使用此代码