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, '地址': '北京'}
// ]