将数组数组导出为 CSV

2023-12-24

我正在尝试循环遍历多维数组以将其导出到 CSV。我尝试复制一些在线指南,大多数似乎都显示了类似的解决方案如何将 JavaScript 数组信息导出到 csv(在客户端)? https://stackoverflow.com/questions/14964035/how-to-export-javascript-array-info-to-csv-on-client-side,但是他们都提到了const rows =输入信息数组的位置。我尝试修改它以循环遍历数组,但它没有提示我下载 CSV,所以我不确定它是否有效。谁能告诉我我做错了什么。

function createCSV() {
    // loop the outer array
    for (var y = 0; y < properties.length; y++) {
        // get the size of the inner array
        var innerArrayLength = properties[y].length;
        // loop the inner array
        for (var z = 0; z < innerArrayLength; z++) {
            const rows = [
                [z]
            ];
            let csvContent = "data:text/csv;charset=utf-8,"
                + rows.map(e => e.join(",")).join("\n");
        }
    }

    var encodedUri = encodeURI(csvContent);
    var link = document.createElement("a");
    link.setAttribute("href", encodedUri);
    link.setAttribute("download", "my_data.csv");
    document.body.appendChild(link);

    link.click();
}

注意:这是一个改写导出对象并将其附加到 csv https://stackoverflow.com/questions/57524757/export-and-append-object-to-csv当我从使用对象改为多维数组时,这从根本上改变了问题


我把事情复杂化了。下面的代码已经工作,我创建了一个按钮来触发该功能,而不是强制单击。

function createCSV() {
    var csv = "";
    properties.forEach(function(row) {
        csv += row.join(',');
        csv += "\n";
    });

    var hiddenElement = document.createElement('a');
    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);
    hiddenElement.target = '_blank';
    hiddenElement.download = 'properties.csv';
    hiddenElement.click();
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将数组数组导出为 CSV 的相关文章

  • Eslint errorring 导入没有扩展名的 jsx

    我正在尝试在 es6 中导入 jsx 文件而不需要 jsx 扩展名 import LoginErrorDialog from LoginErrorDialogView Not import LoginErrorDialog from Log
  • 使用 on_bad_lines 将 pandas.read_csv 中的无效行写入文件

    我有一个 CSV 文件 我正在使用 Python 来解析该文件 我发现文件中的某些行具有不同的列数 001 Snow Jon 19801201 002 Crom Jake 19920103 003 Wise Frank 19880303 l
  • Javascript Promise“then”始终运行,即使 Promise 未能执行

    我希望当调用第二个 then 时不执行第三个 then 但是 即使 Promise 被拒绝 调用第二个 then 并且代码返回 rejected 然后返回 undefined 它仍然调用第三个 then 如何不运行第三个 then 这样 未
  • 以编程方式填写reactjs表单

    我正在编写一个用户脚本 但无法填写由reactjs制作的表单 我的代码 document querySelector id username value email protected cdn cgi l email protection
  • 如何在react-bootstrap中禁用表单提交的

    在下面的代码片段中 我有许多文本类型的输入表单 如果用户点击 我似乎会得到相同的合成事件 就像他们按下提交按钮一样 我想忽略作为表单提交 只允许一个人按下 提交 按钮 我删除了一些表单组以减少示例 在所有情况下 按钮或 ENTER 键 e
  • 如何更改 Google Maps v3 API for Directions 中的开始和结束标记图像

    我使用 DirectionsRender 绘制了一条路线 但我不知道如何用我自己的标记替换通用的 Google 标记 我知道并在正常的谷歌地图情况下使用它 但发现很难用开始和结束的方向标记来做到这一点 如果这是一个愚蠢的问题 感谢您的任何建
  • 使用 Tkinter 显示 numpy 数组中的图像

    我对 Python 缺乏经验 第一次使用 Tkinter 制作一个 UI 显示我的数字分类程序与 mnist 数据集的结果 当图像来自 numpy 数组而不是我的 PC 上的文件路径时 我有一个关于在 Tkinter 中显示图像的问题 我为
  • 如何将内联 JavaScript 与 Express/Node.js 中动态生成的内容分开?

    对于具有几年 Web 开发经验但没有找到答案的人来说 这是一个有点菜鸟的问题程序员堆栈交换 or Google 我决定在这里问一下 我在用Express网络框架Node js 但这个问题并不特定于任何 Web 框架或编程语言 以下是从数据库
  • 摩卡 - Chai Karma“套件未定义”

    我对 jscript tdd 很陌生 遇到了问题 希望有人能告诉我我在做什么 在浏览器中运行测试 通过 HTML 文件 一切正常 通过节点和业力运行它们我得到以下异常 我想在 node js 主机的 karma 中使用 Mocha 和 Ch
  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的
  • 如何将函数附加到弹出窗口关闭事件(Twitter Bootstrap)

    我做了一些搜索 但我只能认为我可以将事件附加到导致其关闭的按钮 https stackoverflow com questions 13205103 attach event handler to button in twitter boo
  • 如何纠正流警告:解构(缺少注释)

    我正在编写一个小型 React Native 应用程序 并且正在尝试使用 Flow 但我无法在任何地方真正获得有关它的正确教程 我不断收到错误 destructuring Missing annotation 有关 station 这段代码
  • 从 Laravel 4 输入生成新数组

    我使用 Input all 从动态生成的表单中获取一些输入 我使用 jQuery 来允许用户添加字段 字段名称为 first names last names 和 emails input 变量现在看起来像这样 array size 4 t
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • window.location 和 location.href 之间的区别

    我对之间的区别感到困惑window location and location href 两者似乎都以相同的方式行事 有什么不同 window location是一个对象 它保存有关当前文档位置的所有信息 主机 href 端口 协议等 lo
  • 从数据库检查数据的异步解决方案各种循环子句

    我想要做的是异步检查数据库并从中获取结果 在我的应用程序中我试图实现Asynchronously将此步骤解决为 从数据库中检查手机号码JsonArray循环子句的种类 Create JsonArray从结果 打印创建的数组 我学到了足够多的
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • 如何计算 3D 坐标的线性索引,反之亦然?

    如果我有一个点 x y z 如何找到该点的线性索引 i 我的编号方案是 0 0 0 是 0 1 0 0 是 1 0 1 0 是最大 x 维度 另外 如果我有一个线性坐标 i 我如何找到 x y z 我似乎无法在谷歌上找到这个 所有结果都充满
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar

随机推荐

  • 无法批量分配受保护的属性:tags_attributes?

    我正在尝试按照以下方式为帖子创建标签导轨指南 http guides rubyonrails org getting started html tag rb class Tag lt ActiveRecord Base attr acces
  • 如何检查Python应用程序是否在AWS lambda函数中运行?

    我有一个连接到数据库的 Python 应用程序 我希望数据库凭据在本地环境 用于测试 或 lambda 函数 用于生产 中运行时有所不同 有什么方法可以从 Python 应用程序检测它是否在 lambda 函数内运行 编辑2 感谢 Mark
  • 如何绕过open-uri中的SSL证书验证?

    我尝试通过 https 连接访问带有 open uri 的文件 不幸的是证书有问题 我得到了证书验证失败错误 我对此无能为力 所以我必须绕过验证 我找到了这个answer http www peterkrantz com 2007 open
  • C# 错误“...的类型初始值设定项引发了异常

    此错误仅发生在某些计算机上 通过读取堆栈信息 当我在静态类中调用此静态方法 FormatQuery 时出现一些问题 using System using System Collections Generic using System Dat
  • 如何清除NiFi队列?

    我们正在 NiFi 中创建一些流 在某些情况下可能会建立队列 但由于某种原因 流无法按预期工作 在一天结束时 我想清除队列并以某种方式实现自动化 问题是我们如何从后端删除队列 我们有什么办法可以实现这一目标吗 除了 Bryan 提到的明确的
  • 在 Vaadin Flow 14 中过滤网格中的项目的简单示例

    我想抑制某些项目的显示GridVaadin Flow 14 中的小部件 例如 如果用户输入年份IntegerField小部件 我希望网格仅显示相关日期在那一年之前的项目 日期在该日期或之后的项目应该消失 如果用户更改年份数字 则应重新应用过
  • 如何将 Windows docker 容器部署到 docker-for-desktop Kubernetes 集群?拉取访问被拒绝

    我正在运行启用了 kubernetes 的桌面版 docker 我正在使用 Windows 容器 但也一直在运行 Linux 容器 我将模式切换到 Windows 另外 kubernetes 正在运行 但一直在使用 Linux 所以我猜集群
  • 将 N 层应用程序重建为面向服务的架构 (SOA)?

    考虑到 n 层应用程序的常规特征 其中包括 表示层 业务层 数据访问层 这通常怎么样rebuilt打造面向服务的架构 SOA 向在此练习中经验丰富的程序员寻求高层次的概述 在某种程度上 我认为它在概念上是扁平化的 而不是有一个垂直的堆栈 或
  • 如何在jquery中引用外部“$(this)”?

    假设我有这样的代码 myClass each function this attr id Suffix livequery click function doSomething this The this 我传递给doSomething函数
  • Crashlytics:存档分发错误:-3

    由于最新的版本 当我尝试将版本上传到 Crashlytics 时 我总是收到以下错误消息 存档分发错误 3 Could not upload the distribution The operation couldn t be comple
  • 如何使用滑动刷新布局刷新 Firestore 分页适配器中的数据

    我正在构建一个应用程序 我想从 Firestore 获取数据并在用户滚动时将其显示在 recyclerview 中 我正在使用 FirestorePagingAdapter 如下所述 https github com firebase Fi
  • 打印窗口第一次不工作

    我正在尝试使用打印选项保存 PDF 但由于某种原因 第一次它不起作用 它会显示一个空白页面 我有Googled https stackoverflow com questions 30775679 print window not work
  • Symfony 2 带有容器参数的路由注释

    我正在尝试将 yml 路由 移植 到注释 在 yml 中我有路线 homepage foo pattern foo defaults controller FooBundle Homepage foo schemes httpProtoco
  • 将 DBContext 转换为 ObjectContext 以与 GridView 一起使用

    我有一个使用 EF codefirst 来保存数据的 Webforms 项目 我想使用 GridView 和 EntityDataSource 以节省编写 CRUD 的时间 这可能吗 我可以将 DBContext 转换为 EntityDat
  • Xcode 中 2 个第三方库出现重复符号问题

    我正在尝试编译一个依赖于 2 个第三方静态库的项目 问题是 两个第三方都在其静态库分发中包含了相同的一组 实用 类 这意味着当将两者添加到我的项目中时 我会收到数十个重复的符号错误 有没有办法让我以某种方式强制项目编译和 或忽略重复符号之一
  • 如果可放置项目在拖动操作期间显示,则不会显示悬停类

    我知道标题很令人困惑 但问题很容易重现 我的页面上有一些可放置的元素 jQueryUI 当它们被拖过时 hoverClass 会显示 但是 我有一些隐藏元素 有时会在拖动过程中显示 然后不会像应有的那样响应它们的hoverClass 我有一
  • css 单行或多行垂直对齐

    我的标题可以有一行或多行 如何垂直对齐文本 如果它总是一行 我可以将行高设置为容器高度 我可以使用 JavaScript 来做到这一点 但我不太喜欢它 我正在寻找一种纯 CSS 的方式 另外 如果容器可以随着线条扩展那就完美了 这样我就可以
  • 使用 Javascript 签名密钥 HMAC SHA1

    由于某种原因 我无法从 JS 中的私钥创建签名 使用谷歌的在线帮助 https m4b url signer appspot com https m4b url signer appspot com URL 示例密钥 为了练习的目的是假的
  • 默认的 Move 构造函数是否定义为 noexcept?

    看起来向量会在重新分配时决定是否移动或复制元素之前检查移动构造函数是否标记为 noexcept 默认的移动构造函数是否定义为 noexcept 我看到了以下文档 但没有具体说明这一点 http en cppreference com w c
  • 将数组数组导出为 CSV

    我正在尝试循环遍历多维数组以将其导出到 CSV 我尝试复制一些在线指南 大多数似乎都显示了类似的解决方案如何将 JavaScript 数组信息导出到 csv 在客户端 https stackoverflow com questions 14