获取对象的键和值相关小题目

使用方法:Object.keys(对象名)  /  Object.values(对象名)

题目一

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

function f(arr) {
  // 定义空对象
  const Obj={}
  // 遍历对象数组
  arr.forEach(item => {
  // 对象元素使用Object.values方法获取   返回包含对象元素的新数组
  const num=Object.values(item)[1]
  console.log(num); // 1,0
  const sex=Object.values(item)[0]
  console.log(sex);  // 男,女
  // 给对象设置key为数字,值为性别
  Obj[num]=sex
  });
  return Obj
}
var obj = f(arr);
console.log(obj)
// obj = {'1': '男', '0': '女'}

题目二

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

function f(arr) {
  // 定义空数组
  const arr1=[]
  // 遍历对象数组
  arr.forEach(item => {
  // 通过对象的.values方法拿到value为性别的元素
  const values=Object.values(item)[0]
  // 元素添加到空数组内
  arr1.push(values)
  });
  return arr1
}
var arr2 = f(arr);
console.log(arr2)
// arr2 = ['男', '女']

题目三

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

function f(obj) {
    // 使用对象的.values方法获取对象的value值
     const values= Object.values(obj)
     return values
}
var arr = f(obj);
console.log(arr)
// arr = ['男', '1', '18'] // 所有的属性值取出来,保存在数组中

题目四(使用数组的filter、foreach方法

// 如果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){
      let pid
      // 遍历对象数组
      data.forEach(item => {
        // 通过if判断拿到name为小刘对象的pid
        if(item.name===name){
          pid=item.pid
        }
      });
      // 使用数组的filter方法过滤出对象元素的pid与小刘pid相同的元素
      return data.filter(item=>item.pid===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){
      let id
      // 遍历对象数组
      data.forEach(item => {
        // 通过if判断拿到name为小亮对象的id
        if(item.name===name) {
          id=item.id
        }
      });
      // 使用数组的filter方法过滤出对象元素的pid与小亮id相同的元素
      return data.filter(item=>item.pid===id)
}
const arr = f2(data, '小亮')
console.log(arr) // 
// [{id:"07", name: "小丽", pid:"02", job: "产品经理"},
// {id:"08", name: "大光", pid:"02", job: "产品经理"}]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值