js 对象转换方法

在JavaScript中，对象转换是一个常见的操作，它允许开发者将对象从一种形式转换为另一种形式。以下是一些常用的对象转换方法及其相关信息：

基础概念

对象转换通常涉及到序列化和反序列化。序列化是将对象转换为可以存储或传输的格式（如字符串），而反序列化则是将这些格式还原成原始的数据结构。

类型

JSON.stringify()：将JavaScript对象转换为JSON字符串。
JSON.parse()：将JSON字符串解析为JavaScript对象。
Object.entries()：返回一个给定对象自身可枚举属性的键值对数组。
Object.fromEntries()：将键值对列表转换为一个新对象。

应用场景

API数据交换：前端与后端通过JSON格式交换数据。
本地存储：使用localStorage或sessionStorage时，需要将对象转换为字符串。
配置文件：将配置信息序列化为字符串，便于存储和读取。

示例代码

JSON.stringify()

const obj = { name: "Alice", age: 25 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出: '{"name":"Alice","age":25}'

JSON.parse()

const jsonString = '{"name":"Alice","age":25}';
const obj = JSON.parse(jsonString);
console.log(obj); // 输出: { name: 'Alice', age: 25 }

Object.entries()

const obj = { name: "Alice", age: 25 };
const entries = Object.entries(obj);
console.log(entries); // 输出: [ [ 'name', 'Alice' ], [ 'age', 25 ] ]

Object.fromEntries()

const entries = [ [ 'name', 'Alice' ], [ 'age', 25 ] ];
const obj = Object.fromEntries(entries);
console.log(obj); // 输出: { name: 'Alice', age: 25 }

遇到的问题及解决方法

循环引用：当对象中存在循环引用时，JSON.stringify()会抛出错误。解决方法是使用第三方库如circular-json或自定义序列化函数来处理循环引用。
非序列化属性：某些属性（如函数、Symbol等）不会被JSON.stringify()序列化。如果需要序列化这些属性，可以在序列化前手动处理它们。
数据丢失：在反序列化过程中，如果JSON字符串格式不正确，可能会导致数据丢失或解析错误。确保JSON字符串格式正确，可以使用try...catch语句捕获解析错误。

解决问题的示例代码

处理循环引用

const CircularJSON = require('circular-json');
const obj = {};
obj.self = obj;
const jsonString = CircularJSON.stringify(obj);
console.log(jsonString); // 输出包含循环引用的JSON字符串

自定义序列化函数

function stringifyWithFunctions(obj) {
    return JSON.stringify(obj, (key, value) => {
        if (typeof value === 'function') {
            return { __type: 'function', value: value.toString() };
        }
        return value;
    });
}

const obj = { name: "Alice", greet: function() { return "Hello"; } };
const jsonString = stringifyWithFunctions(obj);
console.log(jsonString); // 输出包含函数信息的JSON字符串

通过以上方法和示例代码，可以有效地进行JavaScript对象的转换和处理。