JavaScript JSON.parse
最后修改于 2023 年 10 月 18 日
在本文中，我们将展示如何将 JSON 字符串解析为 JavaScript 对象。
JSON
JSON (JavaScript 对象表示法) 是一种轻量级的数据交换格式。它易于人类阅读和编写，也易于机器解析和生成。 JSON 的官方互联网媒体类型是 application/json。 JSON 文件扩展名是 .json。
JS JSON.parse
JSON.parse 方法解析一个 JSON 字符串，并创建一个由该字符串描述的 JavaScript 值或对象。可以提供一个可选的复活函数来在返回结果对象之前对其执行转换。 逆操作使用 JSON.stringify 执行。
JSON.parse 值
在第一个示例中，我们将 JSON 字符串解析为 JavaScript 值。
parse_values.js
console.log(JSON.parse('-3'));
console.log(JSON.parse('12'));
console.log(JSON.parse('true'));
console.log(JSON.parse('"falcon"'));
该示例解析并打印整数、布尔值和字符串。
$ node parse_values.js -3 12 true falcon
JSON.parse 数组
下一个示例将 JSON 数组字符串解析为 JavaScript 数组。
parse_array.js
let data = `[
{
"id": 1,
"first_name": "Robert",
"last_name": "Schwartz",
"email": "rob23@gmail.com"
},
{
"id": 2,
"first_name": "Lucy",
"last_name": "Ballmer",
"email": "lucyb56@gmail.com"
},
{
"id": 3,
"first_name": "Anna",
"last_name": "Smith",
"email": "annasmith23@gmail.com"
}
]`;
let users = JSON.parse(data);
console.log(typeof users)
console.log('-------------------');
console.log(users[1])
console.log('-------------------');
console.log(users);
我们有一个由用户组成的 JSON 字符串。该字符串被解析成一个 JavaScript 数组。
let users = JSON.parse(data);
数据被解析。
console.log(typeof users)
我们确定返回数据的类型。
console.log(users[1])
我们打印第二个用户。
console.log(users);
我们打印整个数组。
$ node parse_array.js
object
-------------------
{
id: 2,
first_name: 'Lucy',
last_name: 'Ballmer',
email: 'lucyb56@gmail.com'
}
-------------------
[
{
id: 1,
first_name: 'Robert',
last_name: 'Schwartz',
email: 'rob23@gmail.com'
},
{
id: 2,
first_name: 'Lucy',
last_name: 'Ballmer',
email: 'lucyb56@gmail.com'
},
{
id: 3,
first_name: 'Anna',
last_name: 'Smith',
email: 'annasmith23@gmail.com'
}
]
JSON.parse 嵌套数组
在下一个示例中，我们解析包含嵌套数组的 JSON 数据。
parse_nested_array.js
let user = `{
"username": "John Doe",
"email": "john.doe@example.com",
"state": "married",
"profiles": [
{"name": "jd7", "job": "actor" },
{"name": "johnd7", "job": "spy"}
],
"active": true,
"employed": true
}`;
let data = JSON.parse(user);
function printValues(obj) {
for(var k in obj) {
if(obj[k] instanceof Object) {
printValues(obj[k]);
} else {
console.log(obj[k]);
};
}
};
printValues(data);
console.log('-------------------');
Object.entries(data).map((e) => {
console.log(e);
});
我们使用递归的 printValues 函数和 Object.entries 函数遍历解析后的 JSON 对象。
$ node parse_nested_arrays.js
John Doe
john.doe@example.com
married
jd7
actor
johnd7
spy
true
true
-------------------
[ 'username', 'John Doe' ]
[ 'email', 'john.doe@example.com' ]
[ 'state', 'married' ]
[
'profiles',
[ { name: 'jd7', job: 'actor' }, { name: 'johnd7', job: 'spy' } ]
]
[ 'active', true ]
[ 'employed', true ]
JSON.parse 复活函数
JSON.parse 函数可以接受一个可选的复活函数作为第二个参数。它可以在返回结果对象之前对其执行转换。
reviver.js
let data = '{ "name": "John Doe", "dateOfBirth": "1976-12-01", "occupation": "gardener"}';
let user = JSON.parse(data, (k, v) => {
if (k == "dateOfBirth") {
return new Date(v);
} else {
return v;
}
});
console.log(user);
在本例中，我们使用复活函数将字符串属性转换为日期。
JSON.stringify
JSON.stringify 函数将 JavaScript 对象或值转换为 JSON 字符串。
stringify.js
let users = [
{
id: 1,
first_name: 'Robert',
last_name: 'Schwartz',
email: 'rob23@gmail.com'
},
{
id: 2,
first_name: 'Lucy',
last_name: 'Ballmer',
email: 'lucyb56@gmail.com'
},
{
id: 3,
first_name: 'Anna',
last_name: 'Smith',
email: 'annasmith23@gmail.com'
}
];
let data = JSON.stringify(users, null, 2);
console.log(typeof data);
console.log(typeof users);
console.log('------------------');
console.dir(data);
console.log('------------------');
console.dir(users);
在本例中，我们有一个用户数组。我们使用 JSON.stringify 函数将数组转换为 JSON 字符串。
$ node stringify.js
string
object
------------------
'[\n' +
' {\n' +
' "id": 1,\n' +
' "first_name": "Robert",\n' +
' "last_name": "Schwartz",\n' +
' "email": "rob23@gmail.com"\n' +
' },\n' +
' {\n' +
' "id": 2,\n' +
' "first_name": "Lucy",\n' +
' "last_name": "Ballmer",\n' +
' "email": "lucyb56@gmail.com"\n' +
' },\n' +
' {\n' +
' "id": 3,\n' +
' "first_name": "Anna",\n' +
' "last_name": "Smith",\n' +
' "email": "annasmith23@gmail.com"\n' +
' }\n' +
']'
------------------
[
{
id: 1,
first_name: 'Robert',
last_name: 'Schwartz',
email: 'rob23@gmail.com'
},
{
id: 2,
first_name: 'Lucy',
last_name: 'Ballmer',
email: 'lucyb56@gmail.com'
},
{
id: 3,
first_name: 'Anna',
last_name: 'Smith',
email: 'annasmith23@gmail.com'
}
]
来源
在本文中，我们使用 JSON.parse 函数将 JSON 字符串解析为 JavaScript 对象。