JS遍历Json字符串中键值对先转成JSON对象再遍历

要在JavaScript中遍历JSON字符串中的键值对，首先需要将JSON字符串转换为JavaScript对象。以下是实现此任务的完整步骤：

1. 使用 JSON.parse() 将JSON字符串转成JSON对象。JSON.parse() 使用两个参数：要解析的JSON字符串和一个可选的“reviver”函数，用于调整解析生成的结果。如果只想将JSON字符串转换成对象，只需传入JSON字符串即可。

2. 遍历JSON对象。可以使用普通的 for-in 循环或 Object.keys() 方法遍历JSON对象中的键值对。

3. 使用对象的属性或方法访问键和值。可以使用点号属性访问或方括号“[]”访问语法访问对象的键和值。

例如：

const jsonString = '{"name": "John", "age": 30}';
const jsonObject = JSON.parse(jsonString);

// 遍历 JSON 对象的键值对
for (const key in jsonObject) {
  console.log(key, jsonObject[key]);
}

// 使用 Object.keys() 遍历 JSON 对象的键值对
Object.keys(jsonObject).forEach(key => {
  console.log(key, jsonObject[key]);
});

// 使用点语法获取对象属性
console.log(jsonObject.name);

// 使用方括号访问语法获取对象属性
console.log(jsonObject["age"]);

在上面的示例中，我们首先将JSON字符串转换成JSON对象，然后使用 for-in 循环和 Object.keys() 方法遍历对象中的键值对。最后，我们使用对象的属性或方法访问键和值。

另一个示例：

const jsonArrayString = '[{"name": "John", "age": 30}, {"name": "Mary", "age":40}]';
const jsonArray = JSON.parse(jsonArrayString);

// 遍历 JSON 数组中的对象
jsonArray.forEach(object => {
  // 遍历对象的键值对
  for (const key in object) {
    console.log(key, object[key]);
  }
});

在此示例中，我们首先将JSON字符串转换成JSON数组。然后，我们使用 forEach() 方法遍历JSON数组中的对象，并使用 for-in 循环遍历对象中的键值对。

总之，无论JSON字符串中包含的是对象还是数组，遍历JSON字符串中的键值对时，都需要先使用 JSON.parse() 将JSON字符串转换成JavaScript对象。转换成功后，就可以使用普通的 for-in 循环、 Object.keys() 方法或 forEach() 方法遍历JSON对象或数组，并使用点号属性访问或方括号访问语法访问键和值。