将 .json 作为数组导入 Typescript

Question

我正在尝试将 .json 文件作为数组导入 Typescript，但不知道如何获取值。

import * as data from './list.json';

  const array = data;
  console.log(array);

我的 json 文件

[
  "Element 1",
  "Element 2",
  "Element 3",
  "Element 4",
  "Element 5"
]

这就是我尝试在控制台中记录变量数组时在控制台中的样子。 我可以看到数组中的所有元素都默认存在：但我不知道如何访问它。 我已经尝试过 array[0] 并且未定义

Module
default: Array(5)
0: "Element 1"
1: "Element 2"
2: "Element 3"
3: "Element 4"
4: "Element 5"
length: 5
[[Prototype]]: Array(0)
__esModule: true
Symbol(Symbol.toStringTag): "Module"

Answer 1

有几种方法可以导入 json。

import json from "file.json";

import json = require("file.json");

import * as json from "file.json";

你可以使用任何你想要的。首选第一个。

Answer 2

导入默认导出的一种方法是这种语法

import data from './list.json';

const array = data;
console.log(array);

但您也应该能够使用您的导入方法访问数组元素：

import * as data from './list.json';

const array = data;
console.log(array[1]); // 'Element 2'

Answer 3

不要导入 .json，而是使用 typescript module/const 并导出它

喜欢创建data.ts

数据.ts

export const DUMMY_DATA = [
  'Element 1',
  'Element 2',
  'Element 3',
  'Element 4',
  'Element 5',
];

并将其导入您的打字稿文件

喜欢

import { DUMMY_DATA } from './data';

console.log(DUMMY_DATA);

DUMMY_DATA.forEach((item) => {console.log(item)});