数组对象中的键和值转换

1.取出数组对象中的属性值,并把它们组成一个新的对象

var arr = [{ label: '男', value: 1 }, { label: '女', value: 0 }]

    function f (arr) {

      // 1.声明一个空对象

      let newObj = {}

      // 2.遍历数组并赋值

      arr.forEach(item => newObj[item.value] = item.label);

      return newObj

    }

    var obj = f(arr);

    console.log(obj)

 // obj = {'1': '男'， '0': '女'}

2.取出数组对象中的属性值 

  var arr = [{ label: '男', value: 1 }, { label: '女', value: 0 }]

    function f (arr) {

      return arr.map(item => item.label)

    }

    var arr2 = f(arr);

    console.log(arr2)

 // arr2 = ['男', '女']

3.数组中find和filter方法的综合使用

// 如果A的pid == B的id

    // A是B的下属

    // 如果A的pid == B的pid

    // A和B是同事

    var 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.找到name符合的元素

      // const res = data.find(item => item.name === name)

      // 2.筛选出具有相同pid的数据

      // const res1 = data.filter(item => item.pid === res.pid)

      // return res1

      // 综合写法

      return data.filter(item => item.pid === data.find(item => item.name === name).pid)

    }

    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) {

      // 完成代码

      // const res = data.find(item => item.name === name)

      // const res1 = data.filter(item => item.pid === res.id)

      // return res1

      // 综合写法

      return data.filter(item => item.pid === data.find(item => item.name === name).id)

    }

    const arr2 = f2(data, '小亮')

    console.log(arr2) ;

// [{id:"07", name: "小丽", pid:"02", job: "产品经理"},

// {id:"08", name: "大光", pid:"02", job: "产品经理"}]

4.取出对象中的值并保存在新数组中 

  Object.values()  对象中的值集合

  Object.keys() 对象中的键集合

var obj = { label: '男', value: 1, age: 18 }

    function f (obj) {

      // 写代码，得到

      return Object.values(obj)

    }

    var arr = f(obj);

    console.log(arr)

5.更换数组对象中的属性名

const arr = [

      { name: '张三', age: 18, address: '湖北' },

      { name: '李四', age: 18, address: '安徽' },

      { name: '王五', age: 18, address: '北京' }

    ]

    const obj= { name: '姓名', age: '年龄', address: '地址' }

    function change (data, obj) {

      // 此处写代码

      let result = []

      data.forEach(item => {

        let temp = {}

        for (let key in obj) {

          temp[obj[key]] = item[key]

        }

        result.push(temp)

      })

      return result

    }

    const newArr= change(arr, obj)

    console.log(newArr)

// [

//  {'姓名': '张三', '年龄': 18, '地址': '湖北'},

//  {'姓名': '李四', '年龄': 18, '地址': '安徽'},

//  {'姓名': '王五', '年龄': 18, '地址': '北京'}

// ]