我的作业

91 阅读2分钟
//  (1) 实现 obj = {'1': '男', '0': '女'}
// 声明一个空的对象
// 利用对象的方法
var arr = [{label:'男',value: 1}, {label:'女',value: 0}]
function f(arr) {
  // 写代码,得到
  let arr1 = {}
  arr.forEach((item)=>{
    // 用变量来表示键  用中括号括起来
    arr1[item.value]=item.label
})
   return arr1
}
var obj = f(arr);
console.log(obj)

// (2) arr2 = ['男', '女']
var arr = [{label:'男',value: 1}, {label:'女',value: 0}]
 
function f(arr) {
  // 写代码,得到
// 使用map方法  返回的是一个数组   直接return
 return arr.map(item=> item.label)
}
var arr2 = f(arr);
console.log(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){
  // 完成代码
  // console.log(data,name);
  let pid=''
  data.forEach(item=>{
    if(item.name===name){
      console.log(item);
      pid=item.pid
    }
    
  })
 return data.filter(item=>{
   return 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(item.name === name){
    id=item.id
    }
  })
 return data.filter(item=>{
   return item.pid === id
  })
  
}
const arr = f2(data, '小亮')
console.log(arr) // 
// [{id:"07", name: "小丽", pid:"02", job: "产品经理"},
// {id:"08", name: "大光", pid:"02", job: "产品经理"}]
// (4) arr = ['男', '1', '18'] // 所有的属性值取出来,保存在数组中
var obj = {label:'男',value: 1,age: 18}
 
function f(obj) {
  // 写代码,得到
  console.log(obj);
 return Object.values(obj)
}
var arr = f(obj);
console.log(arr)

页面显示

从路由配置中可以看到 layout 组件和重定项 /dashboard 1.首先找到 layout文件夹里的index.vue
里面配置了import { Navbar, Sidebar, AppMain } from './components' (1)(Navbar里面配置了) (import Breadcrumb from '@/components/Breadcrumb' import Hamburger from '@/components/Hamburger') (2)Sidebar里面配置了 import Logo from './Logo' import SidebarItem from './SidebarItem' (3).SidebarItem里面配置了 import Item from './Item' import AppLink from './Link' 2.重定项dashboard 里面没有配置