我正在嘗試將 .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"
uj5u.com熱心網友回復：
有幾種方法可以匯入 json。
import json from "file.json";
import json = require("file.json");
import * as json from "file.json";
你可以使用任何你想要的。第一個是首選。
uj5u.com熱心網友回復：
匯入默認匯出的一種方法是這種語法
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'
uj5u.com熱心網友回復：
不要匯入 .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)});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/355690.html
標籤：javascript 数组 json 打字稿
上一篇：二維陣列填充|ArrayIndexOutOfBoundsException錯誤
下一篇：為每一行計算二維陣列中的總和