日常学习记录
JSON.parse() 和 QS.parse()
JSON.parse() 适用于严格的 JSON 格式字符串,而 QS.parse() 则适用于常见的 URL 查询字符串格式。根据需要选择合适的方法来进行字符串到对象的转换
JSON.parse():
用途:将符合 JSON 格式的字符串转换为 JavaScript 对象。
字符串格式:必须是严格的 JSON 格式,即属性名和字符串值必须使用双引号,不能使用单引号或没有引号。
示例:
const jsonString = '{"name":"Alice","age":30}';
const obj = JSON.parse(jsonString);
console.log(obj); // { name: 'Alice', age: 30 }
QS.parse():
用途:将 URL 查询字符串转换为 JavaScript 对象。
字符串格式:通常是经过 URL 编码的键值对形式,可以包含数组和嵌套对象。
示例:
const queryString = 'name=Alice&age=30';
const obj = QS.parse(queryString);
console.log(obj); // { name: 'Alice', age: '30' }
QS.stringify(obj) 和 JSON.stringify(obj)
QS.stringify(obj):
用途:将 JavaScript 对象转换为 URL 查询字符串。
字符串格式:生成的字符串会以 URL 查询字符串的形式表示,其中包含键值对,并且可以处理数组和嵌套对象。
示例:
const obj = { name: 'Alice', age: 30 };
const queryString = QS.stringify(obj);
console.log(queryString); // "name=Alice&age=30"
JSON.stringify(obj):
用途:将 JavaScript 对象转换为 JSON 格式的字符串。
字符串格式:生成的字符串遵循 JSON 格式的规范,属性名和字符串值会被双引号包裹。
示例:
const obj = { name: 'Alice', age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // '{"name":"Alice","age":30}'
js实现将 JavaScript 对象转换为 URL 查询字符串
要将 JavaScript 对象转换为 URL 查询字符串,你可以使用内置的 URLSearchParams 对象来实现。以下是一个示例:
const obj = { name: 'Alice', age: 30, hobbies: ['reading', 'hiking'] };
const params = new URLSearchParams(obj);
const queryString = params.toString();
console.log(queryString); // "name=Alice&age=30&hobbies=reading&hobbies=hiking"
js实现将 URL 查询字符串 转为 JavaScript 对象
const queryString = "name=Alice&age=30&hobbies=reading&hobbies=hiking";
const params = new URLSearchParams(queryString);
const obj = {};
for (const [key, value] of params) {
if (obj[key]) {
if (!Array.isArray(obj[key])) {
obj[key] = [obj[key]];
}
obj[key].push(value);
} else {
obj[key] = value;
}
}
console.log(obj); // { name: 'Alice', age: '30', hobbies: ['reading', 'hiking'] }