json的四种常用方式

参考资料

1. JSON数据类型
2. 如何高效遍历JSON对象？
3. json常用的几种方法简介功能
4. json语法规则
5. Json格式化有哪些
6. 解析json的3种方法
7. json语法格式简介功能
8. json是什么格式简介功能

1. 简介功能

• JSON.parse(): 将JSON字符串转换为JavaScript对象。

• JSON.stringify(): 将JavaScript对象转换为JSON字符串。

• JSON对象字面量: 直接定义JSON格式的数据。

• JSON文件: 存储和传输结构化数据的外部文件。

2. 详细属性参数说明

• 文件扩展名为.json。

• 内容必须符合JSON语法规则。

• 键名必须用双引号括起。

• 值可以是字符串、数字、布尔值、数组、对象或null。

• value: 必需，要转换的JavaScript值。

• replacer: 可选，过滤或转换结果的函数或数组。

• space: 可选，缩进用的空格数或字符串。

• text: 必需，有效的JSON字符串。

• reviver: 可选，转换结果的函数。

• JSON.parse(text, reviver):

• JSON.stringify(value, replacer, space):

• JSON对象字面量:

• JSON文件:

3. 使用方法讲解

• JSON.parse():

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

• JSON.stringify():

  const jsonStr = JSON.stringify({name: "John", age: 30});

• JSON对象字面量:

  const jsonObj = {"name": "John", "age": 30};

• JSON文件:

  {
    "name": "John",
    "age": 30
  }

4. 案例内容解析

• 文件内容:

  {
    "name": "John",
    "age": 30
  }

• 读取文件:

  fetch('data.json')
    .then(response => response.json())
    .then(data => console.log(data.name)); // 输出: John

• JSON.parse():

  const jsonStr = '{"name":"John", "age":30}';
  const obj = JSON.parse(jsonStr);
  console.log(obj.name); // 输出: John

• JSON.stringify():

  const obj = {name: "John", age: 30};
  const jsonStr = JSON.stringify(obj);
  console.log(jsonStr); // 输出: {"name":"John","age":30}

• JSON对象字面量:

  const jsonObj = {"name": "John", "age": 30};
  console.log(jsonObj.age); // 输出: 30

• JSON文件: