热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何获取以JavaScript列表形式给出的属性子集?

我需要具有数组的地图对象数据constdata[{name:"John",age:"22"

我需要具有数组的地图对象数据

const data = [
{name:"John",age:"22",weight:"60",height:"180cm"},{name:"Emma",age:"25",weight:"55",height:"160cm"}
]
const key = ["name","weight","height"]

我需要这样的结果

const result = [
{name:"John",height:"160cm"}
]

感谢您的帮助


您可以map覆盖每个对象,并使用Object.fromEntries用给定的键创建一个新对象:


const data = [
{ name: "John",age: "22",weight: "60",height: "180cm" },{ name: "Emma",age: "25",weight: "55",height: "160cm" }
]
const keys = ["name","weight","height"]
const res = data.map(o => Object.fromEntries(keys.map(k => [k,o[k]])))
console.log(res)


使用reduce而不是两个循环会更好,尽管可读性较差:


const data = [
{ name: "John","height"]
const res = data.map(o => keys.reduce((a,k) => (a[k] = o[k],a),{}))
console.log(res)


,

只需遍历keymap

const result = data.map(d=> {
let obj = {};
key.forEach(k=>{
obj[k]=d[k];
})
return obj;
});


const data = [
{name:"John",age:"22",weight:"60",height:"180cm"},{name:"Emma",age:"25",weight:"55",height:"160cm"}
]
const key = ["name","height"];
const result = data.map(d=> {
let obj = {};
key.forEach(k=>{
obj[k]=d[k];
})
return obj;
});
console.log(result)



推荐阅读
  • 【JavaScript 教程】第六章 数组16—flat() :递归地将数组展平到指定的深度
    英文|https:www.javascripttutorial.net译文|杨小爱在上节,我们学习如何使用JavaScriptArrayjoin()方法将数组的所有元 ... [详细]
  • JDK源码学习之HashTable(附带面试题)的学习笔记
    本文介绍了JDK源码学习之HashTable(附带面试题)的学习笔记,包括HashTable的定义、数据类型、与HashMap的关系和区别。文章提供了干货,并附带了其他相关主题的学习笔记。 ... [详细]
  • 本文介绍了获取关联数组键的列表的方法,即使用Object.keys()函数。同时还提到了该方法在不同浏览器的支持情况,并附上了一个代码片段供读者参考。 ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • 本文介绍了在实现了System.Collections.Generic.IDictionary接口的泛型字典类中如何使用foreach循环来枚举字典中的键值对。同时还讨论了非泛型字典类和泛型字典类在foreach循环中使用的不同类型,以及使用KeyValuePair类型在foreach循环中枚举泛型字典类的优势。阅读本文可以帮助您更好地理解泛型字典类的使用和性能优化。 ... [详细]
  • 可空类型可空类型主要用于参数类型声明和函数返回值声明。主要的两种形式如下: ... [详细]
  • Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ... [详细]
  • 本文主要对比了Proxy和Object.defineProperty两种对象属性操作方式的优劣,并介绍了它们各自的应用场景。Proxy具有直接监听对象和数组变化、多种拦截方法以及新标准的性能优势等特点,而Object.defineProperty则兼容性好,支持IE9,并且无法用polyfill磨平浏览器兼容性问题。根据具体需求和浏览器兼容性考虑,选择合适的方式进行对象属性操作。 ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • 解决.net项目中未注册“microsoft.ACE.oledb.12.0”提供程序的方法
    在开发.net项目中,通过microsoft.ACE.oledb读取excel文件信息时,报错“未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序”。本文提供了解决这个问题的方法,包括错误描述和代码示例。通过注册提供程序和修改连接字符串,可以成功读取excel文件信息。 ... [详细]
  • 本文介绍了H5游戏性能优化和调试技巧,包括从问题表象出发进行优化、排除外部问题导致的卡顿、帧率设定、减少drawcall的方法、UI优化和图集渲染等八个理念。对于游戏程序员来说,解决游戏性能问题是一个关键的任务,本文提供了一些有用的参考价值。摘要长度为183字。 ... [详细]
  • 本文介绍了如何对PHP二维数组进行排序以及如何获取最大值。同时还提到了在数据分析系统中使用排序的实例,以及如何统计角色等级和创建角色总数。 ... [详细]
  • 简述在某个项目中需要分析PHP代码,分离出对应的函数调用(以及源代码对应的位置)。虽然这使用正则也可以实现,但无论从效率还是代码复杂度方面考虑ÿ ... [详细]
  • 一维和二维数组的前缀和与差分 ... [详细]
author-avatar
一剑吹雪_811
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有