如何使用toJson和parseJson方法实现JSON的深拷贝,特别是包含函数的情况?

本文介绍一种实现json深拷贝的方法,尤其针对包含函数的情况。该方法包含两个核心函数:tojson 和 parsejson,分别用于将对象序列化为json字符串并还原json字符串为对象,同时完整保留函数信息。

如何使用toJson和parseJson方法实现JSON的深拷贝,特别是包含函数的情况?

tojson 函数:序列化对象为JSON字符串

该函数利用JSON.stringify方法将对象转换为JSON字符串。关键在于其第二个参数,一个自定义函数,用于处理函数类型的属性。该函数会识别并用特殊前缀和后缀包裹函数代码,从而在序列化过程中保存函数信息。 ES5和ES6箭头函数均被支持。

import deepextend from './deepextend';const prefix = '[[form-create-prefix-';const suffix = '-form-create-suffix]]';const $t = '$fn:';const functionKeyword = 'function'; // 使用更清晰的变量名export function tojson(obj, space) {    return JSON.stringify(deepextend([], obj, true), function (key, val) {        if (typeof val !== functionKeyword) {            return val;        }        if (val.__json) {            return val.__json;        }        if (val.__origin)            val = val.__origin;        if (val.__emit)            return undefined;        return prefix + val + suffix;    }, space);}

parsejson 函数:将JSON字符串还原为对象

该函数使用JSON.parse方法将JSON字符串解析回对象。同样,其第二个参数是一个自定义函数,用于处理被特殊标记的函数字符串。它会识别并使用makefn函数将函数字符串还原为可执行的函数对象。

import is, {hasproperty} from './type';function makefn(fnString) {    return (new Function('return ' + fnString))(); // 使用Function构造函数更清晰}export function parsefn(fn, mode) {    if (fn && is.string(fn) && fn.length > 4) {        let v = fn.trim();        if (v.indexOf(suffix) > 0 && v.indexOf(prefix) === 0) {            v = v.replace(suffix, '').replace(prefix, '');            return makefn(v);        } else if (v.indexOf($t) === 0) {            v = v.replace($t, '');            return makefn(v);        } else if (!mode && v.indexOf(functionKeyword) === 0 && v !== functionKeyword) {            return makefn(v);        }    }    return fn;}export function parsejson(jsonString, mode) {    return JSON.parse(jsonString, function (k, v) {        if (is.undef(v) || !v.indexOf) return v; // 使用更清晰的条件判断        return parsefn(v, mode);    });}

使用方法示例:

const data = {    rule: [        {            type: "input",            field: "goods_name",            title: "商品名称",            on: {                change: function (val) {                    console.log("aa", val);                },                input: (val) => {                    console.log("bb", val);                },            },        },    ],};const jsonStr = tojson(data);const dataCopy = parsejson(jsonStr);

通过以上步骤,即可实现包含函数的JSON对象的深拷贝。 代码中已对变量名和代码逻辑进行了一些优化,使其更易于理解和维护。 请确保deepextend和type模块已正确引入。

以上就是如何使用toJson和parseJson方法实现JSON的深拷贝,特别是包含函数的情况?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1502397.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Vue3中ref为什么不能响应式更新?
上一篇 2025年12月20日 00:40:26
Vue Hooks中如何正确返回并展示异步获取的数据?
下一篇 2025年12月20日 00:40:41

相关推荐

  • 解决Android计算器应用崩溃问题:字符串解析与空值处理

    解决Android计算器应用崩溃问题:字符串解析与空值处理解决Android计算器应用崩溃问题:字符串解析与空值处理解决Android计算器应用崩溃问题:字符串解析与空值处理解决Android计算器应用崩溃问题:字符串解析与空值处理

    本文旨在帮助开发者解决Android计算器应用中因字符串解析导致的崩溃问题。通过检查计算器屏幕显示结果的空值情况并进行适当处理,可以避免Double.parseDouble()方法在解析空字符串时引发的异常,从而提升应用的稳定性和用户体验。本文将提供详细的解决方案和代码示例,帮助你构建更健壮的And…

    2026年9月26日 • 用户投稿
    000
  • 时间处理最佳实践:UTC 与时区转换

    时间处理最佳实践:UTC 与时区转换时间处理最佳实践:UTC 与时区转换时间处理最佳实践:UTC 与时区转换时间处理最佳实践:UTC 与时区转换

    本文旨在阐述在应用程序中处理日期和时间的最佳实践,尤其是在 UI 和后端之间传递时间信息时。核心思想是坚持使用 UTC 作为数据存储和交换的通用标准,并在用户界面展示或特定业务逻辑需要时才进行时区转换。本文将深入探讨如何使用 java.time 库中的 Instant 和 ZonedDateTime…

    2026年9月26日 • 用户投稿
    400
  • Java字符串高级解析:使用正则表达式处理复杂指令模式

    Java字符串高级解析:使用正则表达式处理复杂指令模式Java字符串高级解析:使用正则表达式处理复杂指令模式Java字符串高级解析:使用正则表达式处理复杂指令模式Java字符串高级解析:使用正则表达式处理复杂指令模式

    本教程演示如何使用Java的java.util.regex包,通过正则表达式高效解析包含多条调音指令的复杂字符串。我们将学习构建匹配特定模式的正则表达式,并利用Pattern和Matcher类从输入字符串中准确提取乐器名称、调音方向和数值,从而将原始指令转换为清晰可读的输出格式。 1. 问题背景与挑…

    2026年9月25日 • 用户投稿
    100
  • Java 中处理货币数据的正确方式

    Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式

    在 Java 应用程序中,尤其是在处理财务数据时,选择正确的数据类型至关重要。货币数据通常以特定的格式呈现,例如包含货币符号(如美元符号 $)和千位分隔符(如逗号 ,)。直接将这些数据映射到 DTO 类时,我们需要仔细考虑数据类型的选择,以避免潜在的精度损失和计算错误。 货币数据类型选择考量 常见的…

    2026年9月25日 • 用户投稿
    000
  • 统一解析ISO Zoned Date-Time格式的日期字符串

    统一解析ISO Zoned Date-Time格式的日期字符串统一解析ISO Zoned Date-Time格式的日期字符串统一解析ISO Zoned Date-Time格式的日期字符串统一解析ISO Zoned Date-Time格式的日期字符串

    本教程详细阐述如何在Java 8+中使用java.time API统一解析看似不同但实则遵循ISO 8601扩展ISO_ZONED_DATE_TIME格式的日期字符串。通过ZonedDateTime的直接解析能力和OffsetDateTime结合DateTimeFormatter.ISO_ZONED…

    2026年9月25日 • 用户投稿
    100
  • DeepSeek能否生成结构化JSON输出 格式化结果生成方法与适配方式

    DeepSeek能否生成结构化JSON输出 格式化结果生成方法与适配方式DeepSeek能否生成结构化JSON输出 格式化结果生成方法与适配方式DeepSeek能否生成结构化JSON输出 格式化结果生成方法与适配方式DeepSeek能否生成结构化JSON输出 格式化结果生成方法与适配方式

    DeepSeek模型具备生成结构化JSON输出的能力。要实现这一目标,核心在于有效的提示词设计与后续的输出处理。本文将详细阐述如何通过构建精炼的输入,引导DeepSeek输出符合预期的JSON格式数据,并介绍在实际应用中如何进行格式化结果的生成方法与适配方式,帮助用户掌握 DeepSeek 在处理结…

    2026年9月25日 • 用户投稿
    100
  • 动态表单输入中多答案数据处理教程

    本教程旨在解决Web开发中,如何高效处理包含动态数量答案的表单提交数据,特别是当需要更新现有问题及其关联答案时。文章将详细阐述前端表单的命名策略以及后端PHP如何解析这些动态输入,以准确获取答案内容及其对应的数据库ID,从而实现数据的精准更新,并提供最佳实践建议。 理解动态答案更新的挑战 在构建问答…

    2026年9月24日
    200
  • JavaScript 中替换 JSON 数据值的实用指南

    本文旨在提供一个清晰、简洁的 JavaScript 教程,讲解如何根据特定条件,利用响应数据中的值替换 JSON 数据中的指定字段。我们将通过实例代码演示如何处理包含 “All” 值的 Emp_Id 字段,并使用响应数据中的 ID 值进行替换,最终生成期望的 JSON 数据结…

    2026年9月24日
    200
  • Java SimpleDateFormat如何格式化日期

    SimpleDateFormat是java.text包中用于格式化和解析日期的类,继承自DateFormat,通过模式字符串定义日期格式,如yyyy表示四位年份、MM表示两位月份、dd表示日期、HH表示24小时制小时、mm表示分钟、ss表示秒、SSS表示毫秒、EEEE表示星期几全称、MMM表示月份缩…

    2026年9月23日
    200
  • PHP中操作JSON数组对象:添加与修改属性的实践指南

    本教程详细阐述如何在php中高效地处理包含对象的json数组。我们将学习如何利用`json_decode()`将json字符串转换为php数据结构,进而为数组中的现有对象添加或修改属性,并通过`json_encode()`将其转换回json字符串,避免手动构建json的常见错误。 在现代Web开发中…

    2026年9月22日
    1300
  • PHP 数组元素按日期条件过滤与删除:避免常见陷阱

    本教程详细介绍了如何在 PHP 中根据日期条件动态删除数组(或对象数组)中的元素。文章将重点讲解如何正确进行日期比较,特别是当数据源为 JSON 格式时,以及 unset 函数在遍历过程中移除元素时的正确用法,帮助开发者避免常见的字符串日期比较和对象属性访问错误。 简介 在数据处理中,根据特定条件过…

    2026年9月22日
    200
  • 从 API 响应中提取元素并在 Java 中使用

    本文介绍了如何在 Java 中解析 API 响应,并从中提取特定元素的值。以 JSON 格式的响应为例,演示了如何使用 Jackson 库将 JSON 字符串转换为 Java 对象,并提取所需的数据,例如账户 ID,以便在后续操作中使用。 在 Java 开发中,经常需要与 API 进行交互,并从 A…

    2026年9月21日
    100
  • 使用 Argparse4j 在 Java 中接收 Duration 类型参数

    本文介绍了如何使用 `net.sourceforge.argparse4j` 库在 Java 命令行程序中接收 `java.time.Duration` 类型的参数。由于 `Duration` 不是原始数据类型,`Argparse4j` 无法直接支持。本文将提供两种解决方案:使用 `valueOf`…

    2026年9月9日
    000
  • Java Swing中实现按钮事件与用户输入处理的完全指南

    本教程详细介绍了如何在Java Swing应用程序中为多个按钮和文本输入框实现ActionListener。我们将学习如何通过ae.getSource()识别事件源,在actionPerformed方法中正确获取并解析用户输入,执行计算,并将结果显示到GUI界面,同时涵盖必要的错误处理机制,确保程序…

    2026年9月8日
    600
  • Java中MAC地址到长整型的正确转换方法

    本文详细阐述了在java中将mac地址字符串正确转换为长整型数值的方法。针对常见的字符串拼接误区,文章深入分析了其错误原因,并提供了基于字节累积乘法运算的专业解决方案,确保48位mac地址能够准确无误地映射为64位长整型,便于存储、比较与处理。 引言 MAC地址(Media Access Contr…

    2026年9月7日
    200
  • Servlet响应JSON数据的最佳实践是什么?

    servlet 中响应 json 数据的最佳实践 经典 servlet 做法: 将普通实体直接作为响应字符串输出。前端需要手动将字符串解析为 json。 改良版本: 构造一个 json 字符串,包含实体键值对。前端无需手动解析,但依旧需要自己编写 json 解析逻辑。 然而,可以使用以下库在 ser…

    用户投稿 2026年9月5日
    100
  • 如何解决用户代理字符串解析问题?使用foroco/php-browser-detection库可以大大提升性能

    可以通过一下地址学习composer:学习地址 在开发一个需要识别用户浏览器、操作系统和设备类型的项目时,我遇到了一个挑战:如何高效地解析用户代理字符串(user-agent)。传统的方法不仅效率低下,还常常导致解析错误和高资源消耗。经过一番探索,我发现 foroco/php-browser-det…

    用户投稿 2026年8月29日
    100
  • 如何解决PHP中复杂姓名解析问题?使用theiconic/name-parser库可以!

    可以通过一下地址学习composer:学习地址 在开发一个处理用户信息的应用时,我遇到了一个复杂的问题:如何准确地解析用户输入的全名?用户的姓名可能包含称呼(如mr、mrs)、名字、中间名、姓氏、后缀(如jr、iii)等部分,并且这些名字可能来自不同的语言和文化背景。起初,我尝试了简单的字符串分割方…

    用户投稿 2026年8月28日
    700
  • 使用JAXB解析带命名空间的XML请求到Java对象

    本文旨在帮助开发者解决在使用JAXB(Java Architecture for XML Binding)将包含命名空间的XML请求解析为Java对象时遇到的`UnmarshalException`异常。通过修改`@XmlRootElement`注解,明确指定命名空间,可以有效解决由于命名空间不匹配…

    2026年8月26日
    100
  • Java中LocalDate怎么使用 掌握Java 8日期类的常用方法

    Java中LocalDate怎么使用 掌握Java 8日期类的常用方法Java中LocalDate怎么使用 掌握Java 8日期类的常用方法Java中LocalDate怎么使用 掌握Java 8日期类的常用方法Java中LocalDate怎么使用 掌握Java 8日期类的常用方法

    localdate的创建方式主要有三种:1. 使用localdate.now()获取当前日期;2. 使用localdate.of(int year, int month, int dayofmonth)指定年月日;3. 使用localdate.parse(charsequence text)从字符串…

    2026年8月26日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信