js对象置空去除空值

最新推荐文章于 2024-08-07 14:00:42 发布

weixin_41814147

最新推荐文章于 2024-08-07 14:00:42 发布

阅读量494

点赞数

文章标签：笔记

本文链接：https://blog.csdn.net/weixin_41814147/article/details/131430340

版权

在Vue开发中，直接赋值如`this.editadmin=scope.row`会导致原始数据被修改。为保持数据不变性，应使用深拷贝，如`this.editadmin=JSON.parse(JSON.stringify(scope.row))`。之后，可以遍历并清除对象中的空值，以确保`this.editadmin`的独立性。

摘要由CSDN通过智能技术生成

vue 将数组赋值给变量后，更改变量会影响原数据

我们在前端经常会调用接口，将数据赋值给this.editadmin，但页面的其他地方同样会清空this.editadmin，要想不破坏原数据，就得用新变量来定义，如：

this.editadmin =scope.row

上面的写法是浅拷贝，这样导致的效果是：只要this.editadmin改变，scope.row也会跟着改变，要想不受影响，就得改成：

this.editadmin =JSON.parse(JSON.stringify(scope.row))

置空对象里的value

   Object.keys(this.editadmin).map(key => this.editadmin[key] = '')

过滤对象里的空值

//过滤对象中的空值
    traverse(obj) {
      for (let key in obj) {
        if (obj[key] === '' || obj[key] === null || typeof obj[key] === 'object' && Object.keys(obj[key]).length === 0) {
          delete obj[key];
        }
      }
      return obj//这里将处理完的数据返回出去
    }