JavaScript JSON

夏大爷耶耶耶

已于 2022-06-28 14:47:32 修改

阅读量342

点赞数 1

分类专栏： JS笔记文章标签： json javascript 前端

于 2022-01-07 21:10:40 首次发布

本文链接：https://blog.csdn.net/xy_is_fhh/article/details/122372203

版权

JS笔记专栏收录该内容

39 篇文章 3 订阅

订阅专栏

JSON是存储和传输数据的格式。

JSON经常在数据从服务器发送到网页时使用。

JSON指JavaScript Object Notation

JSON是轻量级的数据交换格式

JSON独立于语言 *

JSON是"自描述的"且易于理解

* JSON的语法是来自JavaScript对象符号的语法，但JSON格式是纯文本。读取和生成JSON数据的代码可以在任何编程语言编写的。

JSON格式评估为JavaScript对象------JSON格式在语法上与创建JavaScript对象的代码相同。

由于这种相似性，JavaScript程序可以很容易地将JSON数据转换成本地的JavaScript对象。

JSON语法规则：

· 数据是名称/值对例："firstName": "Mike"

· 数据由逗号分隔

· 花括号保存对象例：{"firstName": "Mike", "lastName": "Nancy"}

· 方括号保存数组例: "employees": [

{"firstName": "Mike", "lastName": "Nancy"},

{"firstName": "Bill", "lastName": "Gates"}

]

把JSON文本转换为JavaScript对象

JSON通常用法是从web服务器读取数据，然后在网页中显示数据。

<!DOCTYPE html>
<html>
<body>
    <h1>用 JSON 字符串创建对象</h1>
    <p id="demo"></p>
    <script>
        var text = '{"employees":[' +
            '{"firstName":"Bill","lastName":"Gates" },' +
            '{"firstName":"Steve","lastName":"Jobs" },' +
            '{"firstName":"Elon","lastName":"Musk" }]}';

        obj = JSON.parse(text);
        document.getElementById("demo").innerHTML =
            obj.employees[1].firstName + " " + obj.employees[1].lastName;
    </script>
</body>
</html>

JSON方法

1.JSON.stringfy()

将对象、数组转换成字符串

2.toJSON()

将对象转换为字符串。

3.JSON.parse()

将字符串转成json对象

解析一个字符串（以 JSON 格式编写）并返回一个 JavaScript 对象

import React, { Component } from "react";

const person =
  '[{ "name": "xiaying", "age": "22", "salary": "18000", "dream": true },{ "name": "XY", "age": "23", "salary": "16668", "dream": true }]';

const aaa = JSON.parse(person);
console.log(aaa);

class App extends Component {
  render() {
    return (
      <React.Fragment>
      </React.Fragment>
    );
  }
}

export default App;

补充

encodeURIComponent() 加码

decodeURIComponent() 解码

夏大爷耶耶耶

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript JSON

JSON是存储和传输数据的格式。JSON.stringfy()、toJSON()、JSON.parse()。补充：encodeURIComponent() 加码；decodeURIComponent() 解码
复制链接

扫一扫