欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 培训 > JSON.stringify(), JSON.parse(), 和 Object.keys(), join()

JSON.stringify(), JSON.parse(), 和 Object.keys(), join()

2025/12/19 0:33:04 来源:https://blog.csdn.net/weixin_53720617/article/details/143862711  浏览:    关键词:JSON.stringify(), JSON.parse(), 和 Object.keys(), join()

1. JSON.stringify()

JSON.stringify() 方法将一个 JavaScript 对象或者值(包括数组或布尔值)转换为一个 JSON 字符串。

代码示例‌:

const person = { name: "John", age: 30, city: "New York" }; 
const jsonString = JSON.stringify(person); 
console.log(jsonString); 
// 输出: {"name":"John","age":30,"city":"New York"}

可选参数‌:

  • replacer‌:可以是一个函数或数组,用于选择性地替换值。
  • space‌:用于添加缩进、空格和换行符,以便输出可读性更好。

带参数的示例‌:

const jsonStringPretty = JSON.stringify(person, null, 2); 
console.log(jsonStringPretty);// 输出: // { // "name": "John", // "age": 30, // "city": "New York" // }

2. JSON.parse()

JSON.parse() 方法将一个 JSON 字符串转换为 JavaScript 对象。

代码示例‌:

const jsonString = '{"name":"John","age":30,"city":"New York"}';const person = JSON.parse(jsonString); 
console.log(person); 
// 输出: { name: 'John', age: 30, city: 'New York' }console.log(person.name); // 输出: John

可选参数‌:

  • reviver‌:可以是一个函数,用于在解析过程中对结果进行逐项处理。

带参数的示例‌:

 
const jsonString = '{"name":"John","age":"30","city":"New York"}'; 
// 注意 age 是字符串 
const person = JSON.parse(jsonString, (key, value) => 
{ if (key === "age"){ return parseInt(value); 
// 将 age 转换为数字 
} return value; });console.log(person); 
// 输出: { name: 'John', age: 30, city: 'New York' } 
console.log(typeof person.age);
// 输出: number

3. Object.keys()

Object.keys() 方法会返回一个包含一个给定对象自身的所有可枚举属性键的数组,数组中属性键的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致(两者的主要区别是 for...in 循环还会枚举其原型链上的属性)。

代码示例‌:

 
const person = { name: "John", age: 30, city: "New York" };const keys = Object.keys(person); console.log(keys);// 输出: ['name', 'age', 'city']

结合使用‌:

我们可以结合使用这些方法来处理对象。

综合示例‌:

const person = { name: "John", age: 30, city: "New York" }; 
// 将对象转换为 JSON 字符串const jsonString = JSON.stringify(person);console.log(jsonString); 
// 输出: {"name":"John","age":30,"city":"New York"} 
// 将 JSON 字符串解析回对象const parsedPerson = JSON.parse(jsonString); 
console.log(parsedPerson); 
// 输出: { name: 'John', age: 30, city: 'New York' } 
// 获取对象的所有键 
const keys = Object.keys(parsedPerson); 
console.log(keys); 
// 输出: ['name', 'age', 'city']

通过这些示例,希望你能更好地理解 JSON.stringify()JSON.parse(), 和 Object.keys() 的用法。

4. join()函数用法

join() 是 Python 中字符串类型(str)的一个方法,用于将序列中的所有元素(通常是字符串)以指定的字符连接生成一个新的字符串。

返回一个由 iterable 中所有元素通过 separator 连接而成的新字符串。

  1. 将列表中的字符串连接成一个新的字符串‌:
const array = [1, 2, 3];
const result = array.join();
console.log(result); // 输出: "1,2,3"

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词