在 JavaScript 中将多维数组转换为 CSV 文件的列并使用浏览器书签保存

詹姆斯·威尔逊

使用使用书签在浏览器中运行的 Javascript,我的目标是从网页上的链接收集数据,然后将其放入格式化的 CSV 文件中以供下载。我所看到的任务是:

  1. 获取数据
  2. 将其放入数组
  3. 格式为 CSV
  4. 导出数据(作为可下载的文件,或在浏览器中加载以手动保存)

我已经完成了 1 和 2,给了我一个数组作为表的列。我被困在 3 和 4。这是数据示例:

// test data for 'const' column (length of array will be variable)
var dataColumn = ["tt0468569", "tt0111161", "tt1795369", "tt7738450"];

// making arrays for other columns in export table (most of the other columns will be empty)
var emptyArray = Array(dataColumn.length).fill('')
var titleType = Array(dataColumn.length).fill('Feature Film')

// make array of arrays (columns) ready to export as csv
var dataTable = [emptyArray,dataColumn,emptyArray,emptyArray,emptyArray,emptyArray,titleType,emptyArray,emptyArray,emptyArray,emptyArray,emptyArray,emptyArray,emptyArray,emptyArray,emptyArray];

// column headers for table
var tableHeaders = ["position","const","created","modified","description","Title","Title type","Directors","You rated","IMDb Rating","Runtime (mins)","Year","Genres","Num. Votes","Release Date (month/day/year)","URL"]

我想要的输出:

position,const,created,modified,description,Title,Title type,Directors,You rated,IMDb Rating,Runtime (mins),Year,Genres,Num. Votes,Release Date (month/day/year),URL
,tt0468569,,,,,Feature Film,,,,,,,,,
,tt0111161,,,,,Feature Film,,,,,,,,,
,tt1795369,,,,,Feature Film,,,,,,,,,
,tt7738450,,,,,Feature Film,,,,,,,,,
维克多

您几乎完成了创建数组的工作,只需要更改创建tableData. 而不是附加tableData一组数组 asempty arraytitle array您需要相应地映射它们。

看看下面的片段:

function downloadExcel() {
  var dataColumn = ["tt0468569", "tt0111161", "tt1795369", "tt7738450"];
  var tableHeaders = ["position", "const", "created", "modified", "description", "Title", "Title type", "Directors", "You rated", "IMDb Rating", "Runtime (mins)", "Year", "Genres", "Num. Votes", "Release Date (month/day/year)", "URL"];

  //now a container for the excel data i.e. tableHeaders+datacreated:
  var dataTable = new Array();
  dataTable.push(tableHeaders);

  //now looping around the data
  dataColumn.forEach(function(col) {
    dataTable.push(['', col, '', '', '', '', 'Feature Film', '', '', '', '', '', '', '', '', '']);
  });

  //now converting the array given into a `csv` content
  let csvContent = "data:text/csv;charset=utf-8,";
  dataTable.forEach(function(rowArray) {
    let row = rowArray.join(",");
    csvContent += row + "\r\n";
  });

  //calling the csv download via anchor tag(link) so we can provide a name for the file
  var encodedUri = encodeURI(csvContent);
  var link = document.createElement("a");
  link.setAttribute("href", encodedUri);
  link.style.display = 'none';
  link.setAttribute("download", "myCSV.csv"); //change it to give your own name
  link.innerHTML = "Click Here to download";
  document.body.appendChild(link); // Required for FF

  link.click();
  link.remove(); //removing the link after the download
}
<button onclick="downloadExcel()">Click me to Download excel</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将多维 JavaScript 数组转换为 csv 文件

来自分类Dev

使用C#将CSV转换为多维数组

来自分类Dev

如何在javascript中将xml文件转换为csv文件

来自分类Dev

在 JavaScript 中将对象数组转换为多维数组

来自分类Javascript

JavaScript数组转换为CSV

来自分类Dev

CORS错误:将CSV文件转换为Javascript数组

来自分类Dev

将数组转换为多维数组?Javascript

来自分类Dev

使用 Pandas 将 CSV 文件转换为 HTML 并在浏览器中显示

来自分类Dev

服务器端 CSV 文件将其转换为 JavaScript 数组

来自分类Dev

将CSV文件转换为JavaScript对象

来自分类Dev

Javascript:如何将数组中的JSON数组转换为CSV文件?

来自分类Dev

使用 JavaScript 将 CSV 转换为 JSON

来自分类Dev

使用JavaScript将CSV转换为XML

来自分类Dev

如何使用 javascript UDF 将 Azure Stream Analytics 中的“类字典”结构转换为多维数组?

来自分类Dev

在JavaScript(GAS)中将字符串转换为多维数组中的日期时出现问题

来自分类Dev

在python中将图像转换为csv文件

来自分类Java

在Java中将XML文件转换为CSV

来自分类Dev

在 Scala 中将 CSV 文件转换为 AVRO

来自分类Dev

在Golang中将JSON文件转换为CSV

来自分类Dev

将对象转换为多维数组 - JavaScript

来自分类Dev

Javascript将多维数组转换为索引

来自分类Dev

在Powershell中将JSON转换为Csv列

来自分类Dev

打开一个csv文件,并将值转换为javascript数组

来自分类Dev

如何将Javascript数组转换为CSV文件并从Chrome扩展程序下载?

来自分类Dev

如何在Java中将大的csv文件快速转换为json数组

来自分类Dev

在python中将300个CSV文件转换为一个2D数组

来自分类Dev

如何在Java中将CSV文件转换为整数数组?

来自分类Dev

在PHP中将2D数组转换为CSV文件-字符串错误

来自分类Dev

使用 JavaScript 转换 CSV 文件中的数组数组

Related 相关文章

  1. 1

    将多维 JavaScript 数组转换为 csv 文件

  2. 2

    使用C#将CSV转换为多维数组

  3. 3

    如何在javascript中将xml文件转换为csv文件

  4. 4

    在 JavaScript 中将对象数组转换为多维数组

  5. 5

    JavaScript数组转换为CSV

  6. 6

    CORS错误:将CSV文件转换为Javascript数组

  7. 7

    将数组转换为多维数组?Javascript

  8. 8

    使用 Pandas 将 CSV 文件转换为 HTML 并在浏览器中显示

  9. 9

    服务器端 CSV 文件将其转换为 JavaScript 数组

  10. 10

    将CSV文件转换为JavaScript对象

  11. 11

    Javascript:如何将数组中的JSON数组转换为CSV文件?

  12. 12

    使用 JavaScript 将 CSV 转换为 JSON

  13. 13

    使用JavaScript将CSV转换为XML

  14. 14

    如何使用 javascript UDF 将 Azure Stream Analytics 中的“类字典”结构转换为多维数组?

  15. 15

    在JavaScript(GAS)中将字符串转换为多维数组中的日期时出现问题

  16. 16

    在python中将图像转换为csv文件

  17. 17

    在Java中将XML文件转换为CSV

  18. 18

    在 Scala 中将 CSV 文件转换为 AVRO

  19. 19

    在Golang中将JSON文件转换为CSV

  20. 20

    将对象转换为多维数组 - JavaScript

  21. 21

    Javascript将多维数组转换为索引

  22. 22

    在Powershell中将JSON转换为Csv列

  23. 23

    打开一个csv文件,并将值转换为javascript数组

  24. 24

    如何将Javascript数组转换为CSV文件并从Chrome扩展程序下载?

  25. 25

    如何在Java中将大的csv文件快速转换为json数组

  26. 26

    在python中将300个CSV文件转换为一个2D数组

  27. 27

    如何在Java中将CSV文件转换为整数数组?

  28. 28

    在PHP中将2D数组转换为CSV文件-字符串错误

  29. 29

    使用 JavaScript 转换 CSV 文件中的数组数组

热门标签

归档