如何遍历data.json文件内容到前台

Question

如何遍历data.json文件内容到前台，如何引入到页面中。

Answer 1

JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

在 JS 语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。
对象：对象在 JS 中是使用花括号包裹 {} 起来的内容，数据结构为 {key1：value1, key2：value2, ...} 的键值对结构。在面向对象的语言中，key 为对象的属性，value 为对应的值。键名可以使用整数和字符串来表示。值的类型可以是任意类型。
数组：数组在 JS 中是方括号 [] 包裹起来的内容，数据结构为 ["java", "javascript", "vb", ...] 的索引结构。在 JS 中，数组是一种比较特殊的数据类型，它也可以像对象那样使用键值对，但还是索引使用得多。同样，值的类型可以是任意类型。

既然你问完问题就跑了，也不补充具体的内容。当然要和你讲道理了。JSON就是对象data = {a:1}，咋获取呢？当然是data.a了。

Answer 2

1. 你所谓的引入到页面是什么意思？ 是提取个别数据值来展示还是全部？如果是个别，其实用不到“遍历”吧。
2. 你所谓的遍历又是什么意思？遍历文件内容到前台又是什么意思？

data.json 数据文件加载到页面中会不会？有这个基础后，估计你的需求解决就很简单了。建议你先去看看介绍 JSON。里面也有你需要的data.json加载方法。

Answer 3

用webpack编译的话，可以使用require先引入，比如let data = require('data.json')