vue3+ts 请求的返回值,是一个多维对象，怎么正确拆分赋值给不同变量？

Question

如题，ajax后得到的返回值是一个json数据

{
    "data": {
        "info": [
            {
                "id": 5,
                "pic": ""
            },
            {
                "id": 4,
                "pic": ""
            },
            {
                "id": 3,
                "pic": ""
            }
        ],
        "page_index": 1,
        "page_size": 15,
        "search": [],
        "count": 3
    },
    "message": "success",
    "code": 200
}

怎么将返回值赋值给不同的变量

Answer 1

猜测一下：

// 假设res代表返回值
const { data: { info: variable, page_index, ... } } = res;
const [first, second, third] = variable;
// 或者更深层的解构
const [{ id, pic: picVariable }, ...] = variable;