JavaScript入门之对象与JSON详解
总述
在JavaScript中，对象和JSON（JavaScript Object Notation）是两个紧密相连但又有区别的概念，它们都在数据处理和交换中扮演着重要角色，本文将详细讲解JavaScript中的自定义对象以及JSON对象的基本概念、格式、用法以及它们之间的转换。
自定义对象
创建对象
1.1 字面量方式
通过对象字面量语法，我们可以轻松创建自定义对象，语法格式如下：
var 对象名 = {
属性名1: 属性值1,
属性名2: 属性值2,
属性名3: 属性值3,
函数名称: function(形参列表){
// 函数体
}
};
示例：
var person = {
name: "Alice",
age: 30,
greet: function() {
console.log("Hello, my name is " + this.name);
}
};
调用属性和方法：
console.log(person.name); // 输出: Alice person.greet(); // 输出: Hello, my name is Alice
1.2 构造函数方式
使用new关键字和构造函数也可以创建对象：
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log("Hello, my name is " + this.name);
};
}
var alice = new Person("Alice", 30);
alice.greet(); // 输出: Hello, my name is Alice
1.3 ES6类方式
ES6引入了类（Class），提供了一种面向对象的编程实现方式：
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
console.log("Hello, my name is " + this.name);
}
}
let alice = new Person("Alice", 30);
alice.greet(); // 输出: Hello, my name is Alice
访问与修改属性
2.1 点操作符
用于访问或修改对象的属性：
var obj = {name: "Bob"};
console.log(obj.name); // 输出: Bob
obj.name = "Alice";
console.log(obj.name); // 输出: Alice
2.2 方括号操作符
支持动态属性名：
var obj = {name: "Bob"};
console.log(obj["name"]); // 输出: Bob
obj["name"] = "Alice";
console.log(obj["name"]); // 输出: Alice
3 getter/setter方法
用于监听和控制属性访问：
var person = {
_age: 30, // 私有属性
get age() {
return this._age;
},
set age(value) {
if (value < 0) {
console.log("Age cannot be negative");
} else {
this._age = value;
}
}
};
console.log(person.age); // 输出: 30
person.age = 5; // 输出: Age cannot be negative
person.age = 25; // 设置成功
console.log(person.age); // 输出: 25
JSON对象
JSON简介
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于ECMAScript的一个子集，采用完全独立于语言的文本格式来存储和表示数据，JSON易于人阅读和编写，同时也易于机器解析和生成，尽管JSON在JavaScript中经常被提及，但它本身并不是JavaScript的一个对象或数据类型，JSON是一种纯文本格式，用来表示数据，它基于JavaScript对象的一个子集，但不是直接的JavaScript对象，JSON的语法要求属性名和字符串值必须用双引号括起来，而在JavaScript对象中，这不是必需的。
JSON格式
JSON对象使用大括号{}包围，内部包含多个键值对，键值对之间使用逗号分隔，键（key）必须使用双引号""包围，值（value）可以是多种数据类型，包括数字、字符串（必须用双引号包围）、布尔值、数组（方括号[]包围）、对象（花括号{}包围）或null，示例如下：
{
"name": "Alice",
"age": 30,
"isStudent": false,
"courses": ["Math", "Science", "English"],
"address": {
"street": "123 Elm St",
"city": "Somewhere"
}
}
注意：JSON中的键必须使用双引号括起来，而JavaScript对象中则不需要，JSON只允许字符串、数字、布尔值、数组、对象和null作为值。
3. JSON与JavaScript对象的转换
3.1 JSON字符串转JS对象
使用JSON.parse()方法可以将JSON字符串转换为JavaScript对象：
var jsonString = '{"name":"Alice","age":30}';
var personObj = JSON.parse(jsonString);
console.log(personObj.name); // 输出: Alice
console.log(personObj.age); // 输出: 30
3.2 JS对象转JSON字符串
使用JSON.stringify()方法可以将JavaScript对象转换为JSON字符串：
var personObj = {name: "Alice", age: 30};
var jsonString = JSON.stringify(personObj);
console.log(jsonString); // 输出: "{\"name\":\"Alice\",\"age\":30}"
3.3 注意事项
JSON.stringify()方法只能序列化对象可枚举的自有属性，原型链上的属性不会被序列化，如果需要序列化某个不可枚举的属性，可以在第二个参数中传入一个替换函数。
JSON.parse()方法可以接收第二个参数，用于将解析后的对象重新映射到指定的变量上，这个参数通常是一个“复活”函数，用于处理那些无法直接解析为JavaScript对象的情况，当JSON中包含日期时，可以使用这个参数来指定如何处理这些日期。
如果JSON字符串格式不正确或者不是合法的JSON格式，JSON.parse()会抛出一个错误，在解析JSON字符串之前最好先进行格式校验，可以使用正则表达式或其他方法来检查JSON字符串是否符合规范，如果不确定JSON字符串是否合法，可以先尝试解析并捕获异常，如果捕获到异常，则说明JSON字符串格式不正确或者不是合法的JSON格式，此时可以选择返回默认值或者抛出自定义错误提示用户输入正确的JSON格式，同时也可以记录错误日志以便后续排查问题，需要注意的是，不要将不合法的JSON字符串直接传递给其他函数或模块进行处理，以免引发更多的错误，正确的做法是在确保JSON字符串合法之后再进行后续操作。
到此，以上就是小编对于“JavaScript入门之对象与JSON详解”的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位朋友在评论区讨论，给我留言。
