将数组从 JSON 文件导入到 Typescript 文件中

2023-12-05

我有一个 JSON 文件,其中包含一个数组对象,如下所示:

[
  {
    "VergiNo": "XXXXXXX"
  },
  {
    "VergiNo": "YYYYYY"
  },
  {
    "VergiNo": "ZZZZZZ"
  }
]

我将此 JSON 文件导入到我的 Typescript 文件中

import * as firmalar from "../firmalar.json";

const firmaPromises = firmalar.map((firma) => firma.VergiNo + "XYZ");

上面的代码没有给出语法错误,但是当我运行应用程序并调试它时,firmalarobject 被视为对象而不是数组,因此它不处理 map 方法。

我在这里做错了什么吗?


要导入 JSON 数据,您应该使用:

import firmalar from "../firmalar.json";

这将导入它而不更改它,并且您将获得一个数组。

当你进行导入时* as firmalar它尝试将 JSON 转换为模块,这是一种对象。检查它,您会发现它具有对象样式访问器,因此firmalar[0]会起作用,但是firmalar.length将不会。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将数组从 JSON 文件导入到 Typescript 文件中 的相关文章

随机推荐

  • 如何使用 Flask 通过 HTML 表单携带带空格的字符串

    我正在尝试使用 Flask 和 Python 3 6 构建一个简单的在线测验 使用带有单选按钮的 HTML 表单在 Flask 路由之间携带选定的答案 第一步是选择测验的类别 然后再进入实际的测验页面 如下所示 app Flask name
  • 无法在 mule 中创建动态文件入站端点

    我得到一个文件路径作为 xml 内 mule 的输入 使用 XPATH 表达式 我能够提取路径 我想从该路径读取特定文件 我尝试如下定义文件入站端点 但它似乎不起作用
  • 将 MongoDB 3.6 成员添加到 3.4 副本集时出现“同步源没有功能兼容版本”错误

    我正在尝试将集群从 MongoDB 3 4 迁移到 3 6 添加使用 MongoDB 3 6 的新成员时 初始同步失败并出现以下错误 同步源在 src mongo db repl replication coordinator impl c
  • Android WebView loadUrl JavaScript 无法正常工作 API <=18(但可在 API >=19 中工作)

    问题 我需要做什么才能使 webView loadUrl javaScript 在 API 18 或更低版本中工作 与 API 19 或更高版本相比 问题描述 我正在使用 WebView 进行聊天 首先我像这样加载 HTML webView
  • 时间戳转换[重复]

    这个问题在这里已经有答案了 我的下面的函数不会将日期转换为定义的格式 val oldFormat new SimpleDateFormat yyyy MM dd HH mm ss SSSSSS val newFormat new Simpl
  • 自动解锁 Windows 用户会话

    最近 我一直在开发 CredentialProvider 以便自动解锁 触发器可以是任何事件 例如计时器结束 Windows Vista 或更新版本 用户会话 为此 我阅读了一些关于该主题的有用文章 即 GINA 和这种新架构之间的变化 h
  • 使用 C/C++ 高效地反序列化由浮点数、标记和空行组成的字符串

    我有类似于以下内容的大字符串 some text token 24 325973 20 638823 1 964366 0 753947 1 290811 3 547422 0 813014 3 547227 0 472015 3 7233
  • cv::RotatedRect 中非零像素的数量

    正如标题所说 我试图找到 cv Mat 的某个区域 即 RotatedRect 内 的非零像素数 对于常规矩形 可以简单地在 ROI 上使用 countNonZeroPixels 然而 ROI 只能是规则的 非旋转的 矩形 另一个想法是绘制
  • 带有 IntelliJ 和 Tomcat 的 Java-ee REST 服务器

    我正在尝试使用 Java ee 实现 REST 服务器 API 如下所示this教程 我使用 Tomcat 而不是 Glassfish 我可以开发一个servlet WebServlet name hello urlPatterns pub
  • Java HTTP 服务器

    我想在本地实现一个 Java HTTP 服务器 我的意思是服务器计算机将在我的控制之下 我预计向其发送请求的客户端不会超过 20 个 我想知道如何去做 我应该使用 J2EE servlet 容器 例如 Apache Tomcat 吗 我可以
  • 如何在重绘时保存先前绘制到画布上的对象?

    每次重绘 SurfaceView 时 之前绘制的内容都会被擦除 如何保存它们的状态 以便我的循环将新对象添加到屏幕上而不删除旧对象 用一个画Bitmap Bitmap mDrawBitmap Canvas mBitmapCanvas Pai
  • 如何从命令行中的脚本运行函数?

    我有一个具有一些功能的脚本 我可以直接从命令行运行其中一个函数吗 像这样的东西吗 myScript sh func 好吧 虽然其他答案是正确的 你当然可以做其他事情 如果你有权访问 bash 脚本 你可以修改它 然后简单地将特殊参数放在最后
  • 超时期限未过,但仍然超时(参见代码)?

    好的 在大约 3 4 分钟的搅拌后 我不断收到此错误 Timeout expired The timeout period elapsed prior to completion of the operation or the server
  • 如何在空手道功能中循环数组值

    我正在尝试循环空手道功能文件中的数组值 在Feature1 feature Scenario1中 我在数组 UUID1 UUID2 UUID3 中有一些值 我想调用另一个功能文件 Feature2 feature 有一个代码来调用DELET
  • QUnit,断言不行吗?

    抱歉 如果这是显而易见的 但是如果我们想断言某个方法返回 false QUnit 中是否有 notOK 或等效函数 我看不出有什么办法可以否定 OK文档 I tried ok 但这没有用 你可以使用 ok method expected t
  • 在通过 HomeBrew 安装的 macOS 上设置 ANTLR 的 CLASSPATH

    下列的这个问题 我通过 HomeBrew 安装了 ANTLR brew install antlr 它安装在 usr local Cellar antlr
  • 遍历组并为每个 R 创建绘图

    我正在尝试映射 循环鸢尾花数据集中的物种列 为每个物种创建一个图 下面的脚本返回三个图表 但所有图表都绘制了相同的数据 并且不按物种划分 地图函数似乎忽略了species list 只查看整个数据帧 一直在尝试不同的方法 但无法使任何工作发
  • Swift 3 和 Swift 4 中的 WebService API 方法?

    我是新来的SwiftiOS 和我想在单独的类中创建一个单独的方法 例如NSObject 的 Web 服务 以便我可以在任何 ViewController 中使用它并解析任何类型的JSON响应使用NSURLSession and Alamof
  • 用于自动化 ncurses 类型 telnet 会话的跨平台解决方案

    背景 我在网络和电信领域的部分工作涉及当传统硬件无法在其他接口中提供简单的解决方案时自动执行 telnet 会话 许多旧设备只能通过工艺端口 RS 232 串行端口 SNMP 或 Telnet 进行访问 有时 telnet 是访问特定信息的
  • 将数组从 JSON 文件导入到 Typescript 文件中

    我有一个 JSON 文件 其中包含一个数组对象 如下所示 VergiNo XXXXXXX VergiNo YYYYYY VergiNo ZZZZZZ 我将此 JSON 文件导入到我的 Typescript 文件中 import as fir