JS对象与JSON#

定义#

JavaScript对象是键值对的集合，用于组织和管理数据。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于JavaScript对象语法但独立于语言，现多用于网络数据传输。

语法/用法#

自定义对象#

1
let user = {
2
    name: "Tom",
3
    age: 10,
4
    gender: "男",
5
    // 方法定义（简化语法）
6
    sing() {
7
        console.log("悠悠的唱着最炫的民族风~");
8
    }
9
}
10

11
// 访问属性
12
console.log(user.name);
13
// 调用方法
14
user.sing();

JSON格式要求#

1
// JSON标准格式：key必须使用双引号
2
{
3
    "key": value,
4
    "key": value,
5
    "key": value
6
}

JS对象与JSON转换#

1
// JS对象
2
let person = {
3
    name: 'itcast',
4
    age: 18,
5
    gender: '男'
6
}
7

8
// JS对象 → JSON字符串
9
JSON.stringify(person);
10

11
// JSON字符串 → JS对象
12
let personJson = '{"name": "heima", "age": 18}';
13
JSON.parse(personJson).name;

常见场景#

自定义对象：封装实体数据，如用户信息、商品信息等
JSON.stringify()：将JS对象转换为JSON字符串，用于发送数据到服务器
JSON.parse()：将JSON字符串转换为JS对象，用于解析服务器返回的数据
前端与后端通信：API调用中JSON是主要的数据传输格式

注意事项#

JSON的key必须使用双引号，单引号或省略引号不符合JSON规范
JSON不支持函数，只能表示数据
对象方法简化语法：sing() { ... } 等同于 sing: function() { ... }
JSON.stringify循环引用问题：如果对象包含循环引用，JSON.stringify()会抛出错误
深度比较：两个内容相同的JS对象不相等，只有引用相同的才相等

团子和蛋糕

JS对象与JSON

JS对象与JSON#

定义#

语法/用法#

自定义对象#

JSON格式要求#

JS对象与JSON转换#

常见场景#

注意事项#

评论区

音乐

团子和蛋糕

JS对象与JSON

JS对象与JSON

JS对象与JSON#

定义#

语法/用法#

自定义对象#

JSON格式要求#

JS对象与JSON转换#

常见场景#

注意事项#

相关阅读

评论区

音乐