checkbox 数据整合 js

Question

UI是这样的

Stock 和 Cash 必须选择一个，也可以两个都选
当选择Stock的时候，HongKong和Oversea要显示，同时，HongKong和Overs要至少选择一个，也可以选择两个
当选择Cash的时候，HongKong和Oversea的值要清空，同时隐藏

有两组数据，结构是这样的

Type: {
      data: [
        {label: 'Stock',name: 'isStk', value: false },
        {label: 'Cash',name: 'isCash', value: false },
      ],
    },
Market: {
      data: [
        {label: 'Hong Kong',name: 'isHk', value: false },
        {label: 'Oversea',name: 'isOvs', value: false },
      ],
    },

请问有什么简便的方法，把数据整合成下面这样，发给后台。不管怎么样apiData里都要给这四个值。

apiData = {
  isStk: true,
  isCash: false,
  isHk: true,
  isOvs: true,
}

Answer 1

遍历下Type和Market节点组合即可

    d = {
        Type: {
            data: [
                { label: 'Stock', name: 'isStk', value: false },
                { label: 'Cash', name: 'isCash', value: false },
            ],
        },
        Market: {
            data: [
                { label: 'Hong Kong', name: 'isHk', value: false },
                { label: 'Oversea', name: 'isOvs', value: false },
            ],
        },
    }

    apiData = {}

    d.Type.data.concat(d.Market.data).forEach(item => { apiData[item.name] = item.value; });

    alert(JSON.stringify(apiData,null,2))