JavaScript JSON解析器

JavaScript JSON解析器

JSON(JavaScript Object Notation)是一种流行的轻量级数据交换格式,用于在服务器和客户端之间,或在各种系统之间发送数据。

JSON数据通过一个名为 JSON解析器 的软件组件或库进行解析和解释。通过JSON解析过程,JSON字符串被转换为一种易于以编程方式修改和访问的结构化格式。由于各种编程语言和框架中有大量的JSON解析器可用,开发人员可以以系统化和有效的方式处理JSON数据。

JSON可以有以下两种结构:

  • 数组,即有序的项目/值列表
  • 对象,即键值对的集合

JSON解析器读取和写入格式化的JSON数据。它用于将JSON对象的条目或属性与JavaScript对象、数组、字符串、布尔值、数字等进行映射。它可以分为两类:

  • 将JSON类型映射到条目或属性
  • 将条目或属性映射到JSON类型

将JSON类型映射到条目或属性: JSON类型被映射为条目的值,属性为具有该值的属性。因此,数据结构保持不变,并转换为JavaScript对象。

将条目或属性映射到JSON类型: 这些条目和属性转换为JSON对象时,属性是对象的属性,条目是属性值,从一种类型到另一种类型保持数据结构不变。

转换后的JSON数据是可逆的,即可以重新转换为原始数据和对象。数据保持不变,只是表示或外部形式发生了变化。因此,没有数据丢失,并且可以有效地使用它。

使用JSON解析的重要性

  • 开发人员可以使用JSON解析将JSON数据转换为其首选编程语言中可用的对象或数据结构。
  • 对于管理API、从数据库获取数据以及处理从在线服务获取的数据,JSON解析是必不可少的。
  • 通过JSON解析,开发人员可以访问JSON结构内的特定数据片段,并提取和使用所需的数据。

JSON解析方法

  • 使用JSON.parse()方法。
  • 从API或本地JSON文件中获取数据。

方法1:使用JSON.parse()方法

JSON.parse()是JavaScript中包含的一个函数,支持JSON解析。它将JSON文本转换为JavaScript对象,以便可以轻松访问其属性。

语法:

JSON.parse(jsonString);
JavaScript

参数: 它接受JavaScript字符串作为解析的参数。

用法:

  • JSON.parse(): 此方法分析JavaScript字符串并输出一个对象,使其属性可访问。

示例: 代码示例展示了如何使用JavaScript实施一个 JSON解析器 ,使用 JSON.parse() :

JavaScript

// Creating a JavaScript object 
const jsonString =  
    '{"name": "Geek", "age": 22, "city": "Delhi"}'; 
  
// Creting JSON object  
const obj = JSON.parse(jsonString); 
console.log(obj.name);  // Output: Geek 
console.log(obj.age);     // Output: 22 
console.log(obj.city);     // Output: Delhi
JavaScript

输出:

Geek  
22  
Delhi
JavaScript

方法2:从本地文件获取数据

在这个方法中,我们将导入本地的json文件,并使用JavaScript的require方法将数据输出到控制台。

// data.json file  
{  
    "data": [  
        {  
            "name": "GFG",  
            "description" : "A Computer Science portal!"  
        }  
    ]  
}
JavaScript

例子: 在这个方法中,我们将使用 require 方法来导入本地的 data.json 文件并显示输出。

Javascript

const sample = require('./data.json'); 
console.log(sample.data[0]);
JavaScript

JavaScript

// data.json file 
{ 
    "data": [ 
        { 
            "name": "GFG", 
            "description" : "A Computer Science portal!"
        } 
    ] 
}
JavaScript

输出:

{ name: 'GFG', description: 'A Computer Science portal!' }
JavaScript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册