数组对象的方法练习

题一 : 

var arr = [{label:'男'，value: 1}, {label:'女'，value: 0}]
 
function f(arr) {
  // 写代码，得到
}
var obj = f(arr);
console.log(obj)
// obj = {'1': '男'， '0': '女'}

答案 : ( 数组的方法 : forEach )

var arr = [{label:'男',value: 1}, {label:'女',value: 0}]
function f(arr) {
  let obj = {}
  arr.forEach(item => {
    obj[item.value] = item.label
  })
  return obj
}
var obj = f(arr);
console.log(obj)
// obj = {'1': '男', '0': '女'}

题二 : 

var arr = [{label:'男'，value: 1}, {label:'女'，value: 0}]
 
function f(arr) {
  // 写代码，得到
}
var arr2 = f(arr);
console.log(arr2)
// arr2 = ['男', '女']

答案 : ( 数组的方法 : map )

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

题三 : 

// 如果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){
  // 完成代码
}
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 arr = f2(data, '小亮')
console.log(arr) // 
// [{id:"07", name: "小丽", pid:"02", job: "产品经理"},
// {id:"08", name: "大光", pid:"02", job: "产品经理"}]

答案 : ( 数组的方法 : filter forEach )

// 问题1. 找出 与 小刘 处于统一领导下的同事
function f(data, name){
  // 完成代码
  const arr3 = data.filter(item => {
    return item.name === '小刘'
  })
  const arr4 = data.filter(item => {
    return item.pid === arr3[0].pid
  })
  return arr4
}
const arr1 = f(data, '小刘')
console.log(arr1)
//  [{id:"10", name: "小刘", pid:"04", job: "前端工程师"},
//  {id:"11", name: "小华", pid:"04", job: "后端工程师"},
//  {id:"12", name: "小李", pid:"04", job: "后端工程师"}]

// 问题2. 找出 小亮 的所有下属
function f2(data, name){
  // 完成代码
  let obj = {}
  data.forEach(item => {
    if(item.name === name) {
      obj = item
    }
  })
  // console.log(obj);
  const arr = data.filter(item => {
    return item.pid === obj.id
  })
  return arr
}
const arr2 = f2(data, '小亮')
console.log(arr2) //
// [{id:"07", name: "小丽", pid:"02", job: "产品经理"},
// {id:"08", name: "大光", pid:"02", job: "产品经理"}]

题四 : 

var obj = {label:'男',value: 1,age: 18}
 
function f(obj) {
  // 写代码，得到
}
var arr = f(obj);
console.log(arr)
// arr = ['男', '1', '18'] // 所有的属性值取出来，保存在数组中

答案 : ( 对象的方法 : Object.values() )

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

所用方法总结 : 

(1) forEach (循环)
可以代替for循环 , 参数是函数,内部函数的有2个参数 , item当前项 , index当前索引值 , 数组里有几个元素,里面的回调函数就会执行几次

(2) map (循环)

将数组里的每个元素加工后再返回出去得到一个新数组 , 参数是函数,函数有2个参数 item index

(3) filter (过滤)

返回值是过滤后的新数组,没有符合的则返回空数组 , 参数是函数,函数有2个参数 item index

(4) Object.values()

Object上面的其中一种静态方法 , 获取对象所有属性值的集合,以数组的形式