前端过滤后端传过来的数据（前端获取指定条件的后端数据）

最新推荐文章于 2024-10-22 17:16:03 发布

原创最新推荐文章于 2024-10-22 17:16:03 发布 · 1.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js

😍😍😍前端三件套😍😍😍 专栏收录该内容

11 篇文章

订阅专栏

博客讨论了在后台管理系统中，如何通过前端处理实现软删除的效果。内容提到当后端未对删除数据做判断时，前端可以通过filter方法筛选出未删除的记录。示例代码展示了如何过滤数组，只保留delFlag为0（未删除）的项。强调了此方法仅为临时解决方案，最终应与后端沟通协调。

之前做过一个后台管理系统，一条表格数据，要求删除是软删除，delFlag删除标识由0变1，但当时返回数据的时候后端没有做判断，直接把所有数据传了过来，当然这样是不合理的，本方法也只是做一个解决思路，后面还是要和后端沟通的。

代码

    <script>
      // 定义数据
      // delFlag: 未删除->0  删除->1
      const arr = [
        {
          name: "aaa",
          delFlag: 1,
        },
        {
          name: "bbb",
          delFlag: 0,
        },
        {
          name: "ccc",
          delFlag: 0,
        },
        {
          name: "ddd",
          delFlag: 1,
        },
      ];
      // getArr接收数据
      let getArr = arr.filter((item) => {
        // 获取未删除的数据
        return item.delFlag === 0;
      });
      console.log(getArr);
    </script>

结果

在这里插入图片描述

插一嘴

不知道有没有人去搜filter()方法哈，我在这先引用下官方解释了

filter用于对数组进行过滤。
它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注：filter()与not()相对