如何构造前端JSON

原创
前端 解决方案
发布日期:   2023-11-14
更新日期:   2024-10-13
文章字数:   367
阅读时长:   1 分
阅读次数:  

现在前后端数据交互用的比较多的就是实用JSON格式，JSON格式简单易懂，可读性强。

现在我们知道我们的Java中的一个类为

1
2
3
4
5
6
7
public class Criteria {
    /** default serialVersionUID */
    private static final long serialVersionUID = 1L;
    private long id;
    private String createdBy;
    private List<Criteria> _OR_;
    private List<Criteria> _AND_;

可以看到，一个对象包含两个属性，一个是 AND 一个是 OR ,当然这种命名我们并不推崇，还是用驼峰命名的好。然后，这个 AND 和这个 OR 居然又是一个当前类的List类型。这种结构其实说白了就是一颗典型的树

那么前端在构造参数的时候就会大概写成这样

1
2
3
4
5
6
7
8
9
10
const criteria={
  "id":1,
  "createdBy":"chenshang",
  "_AND_":{
    ...
  },
  "_OR_":{
    ...
  },
}

现在是有这样一个条件，无论这个条件是怎么样的，我们都要把这些条件作为一个整体在AND上一个默认条件。那我们应该怎么一步步写呢。
首先，我们要先构造一个对象

1
const newCriteria={}

然后，我们知道，我们这个对象必须使用一个_AND_连接当前条件和默认条件,此时考虑到_AND_是一个List类型,对于前端就写成数组就行,于是写成

1
2
3
const newCriteris={
  "_AND_":[]
}

然后,我们知道_AND_的数组中是两个对象

1
2
3
const newCriteris={
  "_AND_":[{},{}]
}

其中一个是 criteria 另一个是默认条件

1
2
3
const newCriteris={
  "_AND_":[{...criteria},{}]
}

再写默认条件

1
2
3
const newCriteris={
  "_AND_":[{...criteria},{id:22}]
}
原创
赏
评论