vue数组数据的优雅处理方式,告别for循环

1.数据源

array: [{
                            code: 'abc',
                            stand: 'a',
                            children: [{
                                    height: 'air',
                                    age: 19
                                },
                                {
                                    height: 'ai',
                                    age: 20
                                }
                            ]
                        },
                        {
                            code: 'ssb',
                            stand: 'uup',
                            children: [{
                                    height: 'jordan',
                                    age: 19
                                },
                                {
                                    height: 'IIP',
                                    age: 20
                                }
                            ]
                        }
                    ]

2.数据赋值

this.ss = this.handleData(this.array);

3.函数定义

handleData(array) {
                    return array.map(item => {
                        const obj = {
                            name: item.code,
                            stand: item.stand
                        };
                        obj.children = item.children.map(subItem => ({
                            text: '智能机',
                            value1: subItem.height,
                            value2: subItem.age
                        }));
                        return obj;
                    })
                }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容