【经典题目】Js数组与对象之间的转换

       题目一： 

<script>
        const arr = [{ label: '男', value: 1 }, { label: '女', value: 0 }]
        function f(arr) {
            // 写代码，得到
            const obj = {}
            arr.forEach((item,index) => {
                obj[item.value] = item.label
            })
            return obj
        }
        const obj = f(arr)
        console.log(obj)
        // obj = {'0': '女'，'1': '男' }
    </script>

通过forEach()对数组进行遍历 

通过 对象[属性]=值 对对象进行赋值   再导出对象

       题目二： 

<script>
        const arr = [{ label: '男', value: 1 }, { label: '女', value: 0 }]
        function f(arr) {
            // 写代码，得到
            const newArr = arr.map(item => {
                console.log(item)
                return item.label
            })
            return newArr
        }
        let arr2 = f(arr)
        console.log(arr2)
        // arr2 = ['男', '女']
    </script>

       题目三： 

 <script>
        // 如果A的pid == B的id
        // A是B的下属

        // 如果A的pid == B的pid
        // A和B是同事

        const data = [
            { id: "01", name: "张大大", pid: "", job: "项目经理" },
            { id: "02", name: "小亮", pid: "01", job: "产品leader" },
            { id: "03", name: "小美", pid: "01", job: "UIleader" },
            { id: "04", name: "老马", pid: "01", job: "技术leader" },
            { id: "05", name: "老王", pid: "01", job: "测试leader" },
            { id: "06", name: "老李", pid: "01", job: "运维leader" },
            { id: "07", name: "小丽", pid: "02", job: "产品经理" },
            { id: "08", name: "大光", pid: "02", job: "产品经理" },
            { id: "09", name: "小高", pid: "03", job: "UI设计师" },
            { id: "10", name: "小刘", pid: "04", job: "前端工程师" },
            { id: "11", name: "小华", pid: "04", job: "后端工程师" },
            { id: "12", name: "小李", pid: "04", job: "后端工程师" },
            { id: "13", name: "小赵", pid: "05", job: "测试工程师" },
            { id: "14", name: "小强", pid: "05", job: "测试工程师" },
            { id: "15", name: "小涛", pid: "06", job: "运维工程师" }
        ]

        // 问题1. 找出 与 小刘 处于统一领导下的同事 

        function f(data, name) {
            let newArr = []
            data.forEach(element => {
                if (element.name === name) {
                    data.forEach(item => {
                        if (element.pid === item.pid) {
                            newArr.push(item)
                        }
                    })
                }
            });
            return newArr
        }
        const arr = f(data, '小刘')
        console.log(arr)

        //  [{id:"10", name: "小刘", pid:"04", job: "前端工程师"},
        //  {id:"11", name: "小华", pid:"04", job: "后端工程师"},
        //  {id:"12", name: "小李", pid:"04", job: "后端工程师"}]


        // 问题2. 找出 小亮 的所有下属 
        // 问题2. 找出 小亮 的所有下属 
        function f2(data, name) {
            let newArr = data.filter(item => item.name === name)
            return data.filter(item => item.pid === newArr[0].id)
        }
        const arr1 = f2(data, '小亮')
        console.log(arr1)
        // {id:"07", name: "小丽", pid:"02", job: "产品经理"},
        // {id:"08", name: "大光", pid:"02", job: "产品经理"},

    </script>

forEach()       方法用于调用数组的每个元素，并将元素传递给回调函数。

filter()    方法会创建一个新的数组  新数组的元素是原数组满足条件的元素

对象转数组

       题目四： 

 <script>
        const obj = { label: '男', value: 1, age: 18 }

        function f(obj) {
            // 写代码得到
            return Object.values(obj)
        }
        const arr = f(obj);
        console.log(arr)
        // arr = ['男', '1', '18'] // 所有的属性值取出来，保存在数组中
    </script>

Object.values()返回一个数组，其元素是在对象上找到的可枚举属性值。属性的顺序与通过手动循环对象的属性值所给出的顺序相同。