在多级数组对象中根据id取值,循环加递归

作者: 帆_44fc | 来源:发表于2019-12-20 09:54 被阅读0次

在多级数组对象中根据id取值,循环加递归
JS中将对象转化为数组
vue循环与显示
Vue ES6 数组删除
根据数组中对象属性进行去重
js 高深用法
vue循环指令：v-for
根据指定id取出数组中指定对象
前端小白成长02--解构
JS数组操作

在多级数组对象中根据id取值,循环加递归2019.12.20

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>递归</title>
</head>

<body>
    <script>
        var options = [{
            value: 'zhinan',
            label: '指南',
            price: '100',
            children: [{
                value: 'shejiyuanze',
                label: '设计原则',
                price: '1002',
                children: [{
                    value: 'yizhi',
                    label: '一致',
                    price: '1003——1',
                    children: [{
                        value: 'yizhi——11',
                        label: '一致',
                        price: '1004——1',
                    }, {
                        value: 'fankui——111',
                        label: '反馈',
                        price: '1004——2',
                    }, ]
                }, {
                    value: 'fankui',
                    label: 'hhhhh',
                    price: '1003——2',
                }, {
                    value: 'xiaolv',
                    label: '效率',
                    price: '1003——3',
                }, {
                    value: 'kekong',
                    label: '可控',
                    price: '1003——4',
                }]
            }, ]
        }, {
            value: 'zhinan222222',
            label: '指南222222',
            price: '200',
        }];
        var ids = ['kekong', 'xiaolv','zhinan222222'];
        var id = 'kekong';

        // options.map((optVal,index)=>{
        //     // console.log(optVal,index)
        //     if(optVal.value==id){
        //         console.log(optVal)
        //     }else{
        //     }
        // })
        var idVal
        getValData(options);

        function getValData(data) {
            if (data) {
                data.map((optVal, index) => {
                    if (optVal.value == id) {
                        idVal=optVal;
                        console.log(idVal,optVal)
                    } else {
                        getValData(optVal.children)
                    }
                })
            } else {
                return;
            }
        }
        console.log(idVal);
        // --------------------
        // ids.map((idsVal,idsIndex)=>{
        //     console.log(ids)
        // })
    </script>
</body>

</html>