阅读量:0
1.
JSON.parse(): 将JSON字符串转换为JavaScript对象。，``javascript，const jsonString = '{"name": "John", "age": 30}';，const obj = JSON.parse(jsonString);，console.log(obj.name); // 输出: John，`，，2. JSON.stringify(): 将JavaScript对象转换为JSON字符串。，`javascript，const obj = { name: "John", age: 30 };，const jsonString = JSON.stringify(obj);，console.log(jsonString); // 输出: {"name":"John","age":30}，`，，3. Array.isArray(): 判断一个值是否为数组。，`javascript，const arr = [1, 2, 3];，console.log(Array.isArray(arr)); // 输出: true，`，，4. Array.prototype.forEach(): 遍历数组的每个元素。，`javascript，const arr = [1, 2, 3];，arr.forEach((element, index) => {， console.log(Element at index ${index} is ${element});，});，// 输出:，// Element at index 0 is 1，// Element at index 1 is 2，// Element at index 2 is 3，`，，5. Array.prototype.map(): 创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。，`javascript，const arr = [1, 2, 3];，const newArr = arr.map(x => x * 2);，console.log(newArr); // 输出: [2, 4, 6]，`，，6. Object.keys(): 返回一个由对象的所有可枚举属性组成的数组。，`javascript，const obj = { a: 1, b: 2, c: 3 };，const keys = Object.keys(obj);，console.log(keys); // 输出: ["a", "b", "c"]，`，，7. Object.values(): 返回一个由对象的所有可枚举属性值组成的数组。，`javascript，const obj = { a: 1, b: 2, c: 3 };，const values = Object.values(obj);，console.log(values); // 输出: [1, 2, 3]，`，，8. Object.entries(): 返回一个给定对象自身可枚举属性的键值对数组。，`javascript，const obj = { a: 1, b: 2, c: 3 };，const entries = Object.entries(obj);，console.log(entries); // 输出: [["a", 1], ["b", 2], ["c", 3]]，`，，9. Function.prototype.bind(): 创建一个新的函数，在 bind 被调用时，这个新函数的 this 被指定为 bind 的第一个参数。，`javascript，function greet() {， console.log(Hello, ${this.name}!);，}，const person = { name: "John" };，const boundGreet = greet.bind(person);，boundGreet(); // 输出: Hello, John!，`，，10. Function.prototype.call(): 调用一个函数，并且显式设置 this 的值。，`javascript，function greet() {， console.log(Hello, ${this.name}!);，}，const person = { name: "John" };，greet.call(person); // 输出: Hello, John!，`，，11. Function.prototype.apply(): 调用一个函数，并且显式设置 this 的值，同时传递一个数组或类数组对象作为参数。，`javascript，function greet(greeting, ...names) {， console.log(${greeting}, ${names.join(', ')}!);，}，greet.apply(null, ['Hello', 'John', 'Jane']); // 输出: Hello, John, Jane!，``一些常用的JavaScript函数(json)附详细说明
1. JSON.parse()
说明：
JSON.parse() 方法用于将一个 JSON 字符串转换为 JavaScript 对象。
示例代码：
let jsonString = '{"name": "John", "age": 30, "city": "New York"}'; let obj = JSON.parse(jsonString); console.log(obj.name); // 输出： John2. JSON.stringify()
说明：
JSON.stringify() 方法用于将 JavaScript 对象转换为 JSON 字符串。
示例代码：
let obj = {name: "John", age: 30, city: "New York"}; let jsonString = JSON.stringify(obj); console.log(jsonString); // 输出： {"name":"John","age":30,"city":"New York"}3. JSON.stringify() 处理循环引用
说明：
当对象中存在循环引用时，直接使用JSON.stringify() 会抛出错误，可以通过传递第二个参数（replacer function）来处理这种情况。
示例代码：
function replacer(key, value) { if (typeof value === 'object' && value !== null) { if (cache.indexOf(value) !== -1) { // 移除循环引用 return; } // 缓存值以检测循环引用 cache.push(value); } return value; } let a = {}; a.b = a; // 创建循环引用 let cache = []; let jsonString = JSON.stringify(a, replacer); console.log(jsonString); // 输出： {"b":null}4. JSON.parse() 可选的 reviver 函数
说明：
JSON.parse() 方法还可以接受一个可选的第二个参数（reviver function），该函数允许你在解析过程中对生成的对象进行转换或操作。
示例代码：
let jsonString = '{"date": "2023-09-29T12:00:00Z"}'; let obj = JSON.parse(jsonString, (key, value) => { if (key === 'date') { return new Date(value); } return value; }); console.log(obj.date instanceof Date); // 输出： true相关问题与解答
问题1： 如果我想在序列化和反序列化过程中保留日期对象，应该如何操作？
答案1： 在使用JSON.stringify() 时，可以提供一个 replacer 函数，专门处理日期对象，同样地，在使用JSON.parse() 时，也可以提供一个 reviver 函数来恢复日期对象。
let dateObj = { date: new Date() }; let jsonString = JSON.stringify(dateObj, (key, value) => { if (value instanceof Date) { return value.toISOString(); } return value; }); let parsedObj = JSON.parse(jsonString, (key, value) => { if (key === 'date' && typeof value === 'string') { return new Date(value); } return value; }); console.log(parsedObj.date instanceof Date); // 输出： true问题2： 如何避免在 JSON 字符串中出现不必要的空格？
答案2： 在使用JSON.stringify() 时，可以设置第三个参数为0，这样就不会在输出的 JSON 字符串中包含任何额外的空格。
let obj = { name: "John", age: 30, city: "New York" }; let compactJsonString = JSON.stringify(obj, null, 0); console.log(compactJsonString); // 输出： {"name":"John","age":30,"city":"New York"}小伙伴们，上文介绍了“一些常用的JavaScript函数(json)附详细说明-javascript技巧”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。
