直接在JS里创建JSON数据然后遍历使用

使用JS创建JSON数据并遍历使用的攻略如下：

1. 创建JSON数据

我们可以使用JS中的对象(Object)来创建一个简单的JSON数据。创建JSON数据的关键是要按照JSON的格式来构造对象。

JSON格式中的数据类型包括：

• 字符串 (string)
• 数字 (number)
• 布尔值 (boolean)
• 数组 (array)
• 对象 (object)
• 空值 (null)

下面是一个简单的JSON对象示例：

let person = {
  "name": "John",
  "age": 30,
  "isEmployed": true,
  "hobby": ["swimming", "reading"],
  "address": {
    "city": "New York",
    "country": "USA"
  },
  "phoneNumbers": [
    {"type": "home", "number": "123-456-7890"},
    {"type": "work", "number": "987-654-3210"}
  ]
};

注意，JSON对象必须用花括号({})包围，属性名必须使用双引号("")，且值必须是字符串、数字、布尔值、数组、对象中的一种。

2. 遍历JSON数据

遍历JSON数据可以使用JS中的for-in循环或者通过使用Object.keys()函数获取键名数组来遍历。接下来我们使用一个示例来说明遍历JSON数据的过程。

假设我们有如下JSON对象：

let products = [
  {
    "id": 1,
    "name": "iPhone X",
    "price": 999,
    "stock": 10
  },
  {
    "id": 2,
    "name": "Samsung Galaxy S9",
    "price": 899,
    "stock": 5
  },
  {
    "id": 3,
    "name": "Huawei P20 Pro",
    "price": 799,
    "stock": 20
  }
];

我们可以使用for-in循环来遍历所有产品，并打印出每个产品的名称和价格：

for (let productIndex in products) {
  let product = products[productIndex];
  console.log(product.name + ": $" + product.price);
}

输出结果为：

iPhone X: $999
Samsung Galaxy S9: $899
Huawei P20 Pro: $799

我们也可以使用Object.keys()函数来获取键名数组，然后通过遍历数组获取到每个产品并打印出信息。

let productKeys = Object.keys(products);
for (let i = 0; i < productKeys.length; i++) {
  let productId = productKeys[i];
  let product = products[productId];
  console.log(product.name + ": $" + product.price);
}

输出结果同上。

3. 示例说明

下面再给出两个示例，分别演示如何创建和遍历JSON数据。

示例一：创建JSON数据

假设我们需要创建一个JSON对象，来表示一个人的信息，包括姓名、年龄、职业、家庭地址和联系方式。我们可以按照如下格式构造一个JSON对象：

let person = {
  "name": "Tom",
  "age": 30,
  "occupation": "Software Developer",
  "address": {
    "street": "123 Main St.",
    "city": "San Francisco",
    "state": "California",
    "zip": "94105"
  },
  "phoneNumbers": [
    {"type": "home", "number": "123-456-7890"},
    {"type": "work", "number": "987-654-3210"}
  ]
};

示例二：遍历JSON数据

假设我们有一个JSON数组，包含几部电影的信息，每部电影有名称、导演和主演三个属性。我们可以使用for-in循环遍历该数组并打印出每部电影的信息：

let films = [
  {
    "title": "The Godfather",
    "director": "Francis Ford Coppola",
    "star": "Marlon Brando"
  },
  {
    "title": "The Shawshank Redemption",
    "director": "Frank Darabont",
    "star": "Tim Robbins"
  },
  {
    "title": "The Dark Knight",
    "director": "Christopher Nolan",
    "star": "Christian Bale"
  }
];

for (let filmIndex in films) {
  let film = films[filmIndex];
  console.log(film.title + ", directed by " + film.director + ", starring " + film.star);
}

输出结果为：

The Godfather, directed by Francis Ford Coppola, starring Marlon Brando
The Shawshank Redemption, directed by Frank Darabont, starring Tim Robbins
The Dark Knight, directed by Christopher Nolan, starring Christian Bale

以上是使用JS创建JSON数据，及遍历JSON数据的完整攻略。