JavaScript数组对象操作与组织结构解析-优快云博客

本文链接：https://blog.youkuaiyun.com/mwmmt/article/details/128402513

题目一:

<!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 arr = [{label:'男',value: 1}, {label:'女',value: 0}]
 
 function f(arr) {
   // 写代码，得到
 }
 var obj = f(arr);
 console.log(obj)
 // obj = { '0': '女','1': '男'}
    </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 arr = [{label:'男',value: 1}, {label:'女',value: 0}]
 
 function f(arr) {
   // 写代码，得到
//    const res = Object.values(arr)
   const obj1 =  {}
    arr.forEach((item,index) => {
     obj1[item.value] = item.label
   })
   return  obj1
    //  console.log(obj1)
 }
 var obj = f(arr);
 console.log(obj)
 // obj = {'1': '男'， '0': '女'}
    </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 arr = [{label:'男',value: 1}, {label:'女',value: 0}]
 
 function f(arr) {
   // 写代码，得到
 }
 var arr2 = f(arr2);
 console.log(arr2)
 // 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>
       let arr = [{label:'男',value: 1}, {label:'女',value: 0}]
       let obj = {}
 function f(arr) {
   // 写代码，得到
     return obj = Object.values(arr).map(item => item.label)
    // console.log(arr2)
 }
//  f(arr)
 var arr2 = f(arr);
 console.log(arr2)
 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是同事

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 arr1 = f2(data, '小亮')
console.log(arr) // 
// [{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>
        // 如果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. 找出 与 小刘 处于统一领导下的同事 
// 遍历数组,刷选出pid 与小刘一样的 添加到新数组中
function f(data, name){
  // 完成代码
//   console.log();
//   data = data.filter( (item,index) => item.pia=== '04' )

 
  const res = data.find(item => item.name === name ).pid
  const val = data.filter(item => item.pid === res)
 console.log(val)
//  console.log(data)
//   let arr1 = []
  
 
}
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).pid
  const val = data.filter(item => item.pid === res)
  console.log(val)
  
}
const arr1 = f2(data, '小亮')
console.log(arr) // 
// // [{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) {
   // 写代码，得到
 }
 var arr = f(obj);
 console.log(arr)
 // arr = ['男', '1', '18'] // 所有的属性值取出来，保存在数组中
    </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) {
   // 写代码，得到
    return Object.values(obj)
 }
 var arr = f(obj);
 console.log(arr)
 // arr = ['男', '1', '18'] // 所有的属性值取出来，保存在数组中
    </script>
</body>
</html>

js中经典数组题目集