JavaScript 将元素键赋予数组

Question

我有点迷失于弄清楚 JavaScript 的逻辑。

目前，我正在提取每个元素并将它们插入数组中。

当我想要访问对象元素时，我遇到了困难。

这是文本文件中的数据:

1#1#test#Tombstone#8#Yes
2#3#test2#Tombstone3#81#Yes

当我访问第一个数组 rowCells[0] 时。它返回我

1
2

这是第一列本身。

我希望它返回第一行。预期功能如下:

1-将所有内容推送到数组

2- 给出像第一列这样的元素键是 no,type,header,content,score

3-根据元素键搜索所有行，例如type=2

4-根据类型和编号进行搜索，然后显示内容。

有什么建议吗？提前致谢。

<script type="text/javascript"
    src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$.ajax({
  url: 'content.txt',
  dataType: 'text',
}).done(successFunction);


function successFunction(data) {
  var allRows = data.split(/\r?\n|\r/);
  var table = '<table>';
  for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
    var rowCells = allRows[singleRow].split('#');
    //table += rowCells.toString();

    table += '<br>';
    var first_word = rowCells;
    table += first_word;


  } 
  $('body').append(table);
}
</script>

Answer 1

我只会使用 split、reduce、split 和 join 来构建表。

var str = `1#1#test#Tombstone#8#Yes
2#3#test2#Tombstone3#81#Yes`

var rows = str.split(/\n/g).reduce( function (str, row) {
  return str + "<tr><td>" + row.split(/#/g).join("</td><td>")  + "</td></tr>";
}, "")

var table = "<table><tbody>" + rows + "</tbody></table>"
$("#out").append(table)

td { border: 1px solid black; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="out"></div>