JSON.parse() 和 QS.parse()

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'] }