使用包含JavaScript中的csv数据的数组构建html表

时间:2019-03-22 17:39:28

标签: javascript aws-lambda aws-sdk

我要从S3对象获取csv数据,并使用下面显示的代码将其转换为字符串,然后将字符串转储到数组中,以为可以使用<tr>构建html表,并且<td>标签包含我从csv获取的数据,当我尝试以下操作时,我在JavaScript中没有得到期望的输出

let s3obj = new AWS.S3();
var arr = [];
var html = '<table>';
let s3param = {
      Bucket: 'test-bucket',
      Key: 'test-csv-file'
      };
      s3obj.getObject(s3param, function(err, data){
        if(err){
          throw err;
      } else {
         const body = Buffer.from(data.Body).toString('utf8'); //when i did console.log(typeof(body)) i get string datatype
         arr = body; //i tried converting string into array

    //below is the data i got back when i console.log(arr);

    //TEST,ROW,NUMBER,1
    //TEST,ROW,NUMBER,2
    //TEST,ROW,NUMBER,3

//below code tries to work on Array arr to get the output following it written into htmlTable variable

 for(var i=0; i < arr.length; i++)
    {
      htmlTable += '<tr>';
       for(var j = 0; j < arr[i].length; j++){
        htmlTable += '<td>';
        htmlTable += arr[i][j];
        htmlTable += '</td>';
        }
     htmlTable += '<tr>';
    }
//<table>
   // <tr><td>TEST</td><td>ROW</td><td>NUMBER</td><td>1</td></tr>
   // <tr><td>TEST</td><td>ROW</td><td>NUMBER</td><td>2</td></tr>   
   // <tr><td>TEST</td><td>ROW</td><td>NUMBER</td><td>3</td></tr>
   // <tr><td>TEST</td><td>ROW</td><td>NUMBER</td><td>4</td></tr>
//</table>

代替上面的输出,我得到了其他东西。不确定我要去哪里错,我非常感谢您像上面一样构建html表。

1 个答案:

答案 0 :(得分:0)

根据body的结构,您可以执行以下操作之一:

  1. 如果它是带有逗号的字符串数组:

    arr = body.map(line => line.split(","));
    
  2. 如果它是包含换行符和逗号的单个字符串:

    arr = body.match(/.*/g).map(line => line.split(","));