无法映射导入的 JSON 数据：抛出 TypeError

Question

这是存储在data.json 文件中的示例数据：

[
  {"id": 23, "name": "Good!", "state": "OK"},
  {"id": 24, "name": "Not good...", "state": "Fail"},
  {"id": 26, "name": "Oh...", "state": "OK"},
  {"id": 27, "name": "What?", "state": "Fail"}
]

这个脚本试图映射数据：

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

let jsonData = data
console.log(jsonData)

jsonData = jsonData.map(({name, state}) => ({name, state}))
console.log(jsonData)

输出是：

{default: Array(4)}
default
:
(4) [{...}, {...}, {...}, {...}]
0
:
(3) {id: 23, name: "Good!", state: "OK"}
1
:
(3) {id: 24, name: "Not good...", state:...}
2
:
(3) {id: 26, name: "Oh...", state: "OK"}
3
:
(3) {id: 27, name: "What?", state: "Fail...}
TypeError: jsonData.map is not a function
    at <anonymous>:35:21
    at dn (<anonymous>:16:5449)

所以，第一个 console.log() 调用打印了一些对我来说看起来可迭代的东西。为什么它会抛出 TypeError 呢？

我尝试应用以下技巧：let jsonData = JSON.parse(JSON.stringify(data)) 但我找不到任何有用的东西。

如何解析文件中的数据以使其与map() 方法一起使用？

Answer 1

恭喜！您终于进入了 JavaScript 中奇怪的模块世界。

这可能是你想要的：

import data from './data.json'