作业day1

最新推荐文章于 2023-04-23 10:19:17 发布

衔钰

最新推荐文章于 2023-04-23 10:19:17 发布

阅读量66

点赞数

分类专栏： js基础文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/luzixi/article/details/127342253

版权

js基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr = [{
            label: '男',
            value: 1
        }, {
            label: '女',
            value: 0
        }]

        function f(arr) {
            // 写代码，得到
            // 新建对象
            // let obj1 = {}
            // arr.forEach(item => {
            //     // console.log(item)
            //     let arr1 = (Object.values(item))
            //         // console.log(arr1);
            //     obj1[arr1[1]] = arr1[0]
            // });
            return arr.reduce((pre, item) => {
                // console.log(pre);
                pre[Object.values(item)[1]] = Object.values(item)[0]
                return pre
            }, {})

        }
        let obj = f(arr);
        console.log(obj);
        // obj2 = {'1': '男'， '0': '女'}
    </script>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr = [{
            label: '男',
            value: 1
        }, {
            label: '女',
            value: 0
        }]

        function f(arr) {
            let newarr = []
                // 写代码，得到
            let arr1 = arr.map(item => {
                // console.log(item.label);
                newarr.push(item.label)

                // let arr2 = Object.values(item)
                // newarr.push(arr2[0])
            })
            return newarr
        }
        let arr3 = f(arr);
        console.log(arr3)
            // arr2 = ['男', '女']
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

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

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

        let 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) {
            // 完成代码
            // 1.创建数组
            let newarr = []
                // 2.筛选判断
            let a1 = data.filter(item => {
                if (item.pid === '04') {
                    // console.log(item);
                    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. 找出 小亮 的所有下属 
        function f2(data, name) {
            // 完成代码
            // 1.创建数组
            let newarr = []
                // 2.筛选
            let a2 = data.filter(item => {
                    return item.name === name
                })
                // console.log(a2);
                // 3.遍历判断
            data.forEach(item => {
                if (item.pid === a2[0].id) {
                    // console.log(item);
                    newarr.push(item)
                }
            })
            return newarr
        }
        const arr1 = f2(data, '小亮')
        console.log(arr1) //  
            // [{id:"07", name: "小丽", pid:"02", job: "产品经理"},
            // {id:"08", name: "大光", pid:"02", job: "产品经理"}]
    </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

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

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

</html>