zoukankan      html  css  js  c++  java
  • ES6通过map、解构和扩展运算符实现删除所有数组对象中的某个属性

    先说需求

    在一个表单中有两个下拉框,都是访问同一个接口拿到树结构的List数据后动态绑定的到各自的下拉框,区别在于A下拉框只显示根节点,B下拉框显示树结构的所有数据。

    为了性能上的考虑,必须满足前端只发送一个ajax请求,后端也只写一个获取TreeList的结构的接口,用来满足两个下拉框的动态赋值。

    如图:左图显示根节点项,右图显示所有树结构项

     

    贴上返回的数据结构

     

     思路:从数据结构来分析这是个包含了所有根节点和子节点数据的treeList数组对象。B下拉框可以原封不动的赋值,A下拉框就需要把根节点下的children属性给删除掉。

    这里就涉及到了几个知识点:深拷贝,map、解构和扩展运算符   通过ES6的语法优雅的对数组里的属性进行删除

    直接贴代码:

     最后打印出的根节点数据对比如下:

  • 相关阅读:
    瀑布流事件
    js 面向对象 模拟日历
    leetcode 戳气球
    leetcode 地下城游戏
    laravel服务容器
    lru缓存策略
    php实现7种常见排序
    curl请求中http头的几种格式
    wireshark过滤规则(两年前记录在qq空间的日志)
    screen和nohub及&用法
  • 原文地址:https://www.cnblogs.com/clsl/p/12615007.html
Copyright © 2011-2022 走看看