[数组题合集]用数组元素查找对象的属性值

最新推荐文章于 2023-08-01 23:45:14 发布

langziangTom

最新推荐文章于 2023-08-01 23:45:14 发布

阅读量182

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/langziangTom/article/details/128489822

版权

该博客主要介绍了一个JavaScript函数change，其功能是从一个对象list中根据输入数组arr的元素，筛选出对应的属性值。通过遍历arr并检查list的属性，将匹配的属性值收集到新数组中，最终返回这个新数组。

摘要由CSDN通过智能技术生成

const list = {
  'id': '编号',
  'password': '密码',
  'mobile': '手机号',
  'username': '姓名',
  'timeOfEntry': '入职日期',
  'formOfEmployment': '聘用形式',
  'correctionTime': '转正日期',
  'workNumber': '工号',
  'departmentName': '部门',
  'staffPhoto': '头像地址'
}
console.log(list)
const arr = ['id', 'mobile', 'username']
function change(list, arr){ 
	// 你的代码
}
const arr2 = change(list, arr)
console.log(arr2) // ['编号', '手机号', '姓名']

分析:数组arr里面有三个元素,通过这三个元素找到对象里面,与这三个元素相等的属性的属性值

1.遍历数组arr,拿到数组的三个元素

2.然后在其中遍历list对象,判断三个元素是否等于list的属性,如果相等,则把这个属性的属性值拿出来,添加到一个新数组中

实现代码:

<script>
    const list = {
  'id': '编号',
  'password': '密码',
  'mobile': '手机号',
  'username': '姓名',
  'timeOfEntry': '入职日期',
  'formOfEmployment': '聘用形式',
  'correctionTime': '转正日期',
  'workNumber': '工号',
  'departmentName': '部门',
  'staffPhoto': '头像地址'
}
console.log(list,Object.keys(list),Object.values(list))
const arr = ['id', 'mobile', 'username']
function change(list, arr){ 
	// 你的代码
    const str = []
    arr.forEach(item=>{
        for(let i in list ){
            if(list[item]){
                str.push(list[item])
                return list[item]
            }
        }
    })
    console.log(str);
    return str
}
const arr2 = change(list, arr)
console.log(arr2) // ['编号', '手机号', '姓名']
</script>