js编辑只取修改后的对象的属性和值

需求：在el-table的列表编辑操作后，

第一步：获取当前行数据，为对象：{}，

第二步：数据回填

第三步：编辑

第四步：请求后端接口

本文章操作就是在编辑完成后，只取编辑过的值传给后端，为编辑过的值不需要传。

完整代码：


DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
  head>
  <body>
    <script>
      // 原始值
      let obj = {
        name: "翠花",
        sex: 18,
        address: "湖北省武汉市",
      };
      //   修改后的值
      let updData = {
        name: "张三",
        sex: 18,
        address: "湖北省武汉市",
      };
      //   最后结果数据
      let result = {};
      for (const key in obj) {
        if (obj[key] !== updData[key]) {
          result[key] = updData[key];
        }
      }
      console.log(Object.keys(obj));
      if (Object.keys(result).length === 0) {
        console.log("无更改");
      } else {
        console.log(result, "结果返回");
      }
    script>
  body>
html>

效果：

文章到此结束，希望对你有所帮助~

相关阅读:
03-数据链路层
java计算机毕业设计BS高校教师考勤系统MyBatis+系统+LW文档+源码+调试部署
用汇编语言编程的计算机
计算机毕业设计-基于协同过滤算法的旅游管理系统-基于SSM的旅游定制系统（源码+讲解+文档）
python+selenium环境搭建
直线模组怎么搭配电机？
Keil MDK 安装
双馈风力发电机-900V直流混合储能并网系统Simulink仿真
-贪吃蛇-
甘特图：项目管理的核心工具WBS

原文地址：https://blog.csdn.net/qq_44278289/article/details/134375342