Question

我在搞清楚javascript的逻辑时有点迷失。

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

我想要访问object元素时遇到困难。

这是文本文件中的数据：

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来构建表。

＆＃13;

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)

＆＃13;

td { border: 1px solid black; }

＆＃13;

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

＆＃13;

JavaScript为数组提供元素键

1 个答案: