JavaScript ES6:要按键分组并按属性索引的数组的对象数组
JavaScript ES6中，要按键分组并按属性索引的数组的对象数组可以通过以下步骤实现：
- 首先，我们需要一个对象数组，每个对象都包含一个键和一个值。例如：
const data = [
{ key: 'A', value: 1 },
{ key: 'B', value: 2 },
{ key: 'A', value: 3 },
{ key: 'C', value: 4 },
{ key: 'B', value: 5 }
];- 接下来，我们可以使用ES6中的
reduce方法来按键分组。我们创建一个空对象groupedData，然后遍历data数组中的每个对象。如果当前对象的键已经存在于groupedData中，我们将当前对象的值添加到对应的数组中；否则，我们创建一个新的数组，并将当前对象的值添加到其中。最后，返回groupedData对象。
const groupedData = data.reduce((grouped, obj) => {
const { key, value } = obj;
if (grouped[key]) {
grouped[key].push(value);
} else {
grouped[key] = [value];
}
return grouped;
}, {});- 现在，我们已经按键分组了，但是我们还需要按属性索引。我们可以使用ES6中的
map方法来遍历groupedData对象的每个键值对，并创建一个新的对象，其中键是属性，值是对应的数组。
const indexedData = Object.entries(groupedData).map(([key, values]) => ({
[key]: values
}));- 最后，我们可以打印或使用
indexedData对象，它包含了按键分组并按属性索引的数组的对象数组。
console.log(indexedData);完整的代码示例：
const data = [
{ key: 'A', value: 1 },
{ key: 'B', value: 2 },
{ key: 'A', value: 3 },
{ key: 'C', value: 4 },
{ key: 'B', value: 5 }
];
const groupedData = data.reduce((grouped, obj) => {
const { key, value } = obj;
if (grouped[key]) {
grouped[key].push(value);
} else {
grouped[key] = [value];
}
return grouped;
}, {});
const indexedData = Object.entries(groupedData).map(([key, values]) => ({
[key]: values
}));
console.log(indexedData);这个方法可以用于按键分组并按属性索引的数组的对象数组。它的优势是使用了ES6的新特性，如箭头函数、解构赋值、对象字面量扩展等，使代码更简洁和易读。
在云计算领域中，可以使用腾讯云的云函数（Serverless Cloud Function）来实现类似的功能。云函数是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的配置和管理。您可以使用云函数来处理数据、执行计算任务等。腾讯云的云函数产品介绍和文档链接如下：
通过使用云函数，您可以将上述JavaScript代码部署到腾讯云，并通过触发器来触发函数的执行。这样，您就可以在云端按键分组并按属性索引的数组的对象数组。
相关·内容
我有一个对象数组。简化版本(只有几个属性)： let d = [{ team:"sales", key:"floor", value，然后再按key分组，使用普通(ES6) JavaScript： { employees: { team:"sales", key:&qu
浏览 181提问于2020-04-01得票数 2
回答已采纳
2015-2-8 : 0 2015-2-9 : 0 2015-3-1 : 0 } }我的问题是我的柱塞是的，提前谢谢！
浏览 0提问于2015-03-17得票数 0
根据我的研究，for..in循环中的键顺序应该是未定义的/不可靠的--但是，如果不受干扰，则应该按插入顺序排列--但它不是：var travel = {way in travel) console.log( travel[way].name ) // => taxi, bus, foot
键按数字顺序排列(在Chrome、Firefox和Edge的所有版本中而且(既然我错了)我怎么能迭代它们的<
浏览 4提问于2017-03-04得票数 5
回答已采纳
该函数接受以下参数：
else high = mid; return low;当函数被调用时，它返回应该将对象放置到数组中的索引obje
浏览 2提问于2014-02-22得票数 1
回答已采纳
如何简洁地在javascript中实现以下操作：->代码简单是我真正想要的，而且我已经在使用lodash了，但我无法真正弄清楚如何进行这种操作。
浏览 1提问于2014-12-17得票数 0
回答已采纳
2回答
我正在尝试从firestore获取对象数据 ? 问题是尽管我将数据另存为 命令、损坏、帧、状态、方式 当我从React中的firestore中获取数据时， ? 对象的顺序被打乱。我想要的是命令，伤害，框架，状态，方式
浏览 27提问于2021-06-24得票数 0
回答已采纳
我有一系列有关于汽车的信息的物体。我想在categoryId上分组 { category: 1, model: "bmw" }, { categorymodel: 'kia' }, ], { category: 3, model: 'mg' }
浏览 3提问于2021-01-07得票数 0
回答已采纳
我有一个充满数组的对象：我想要找到errors对象中数组长度大于1的第一个值的索引(或者对象键，如果我不能获得索引的话)。因此，在上面的示例中，date数组是对象中第一个有长度的数组，因此如果需要，我最好返回
浏览 0提问于2017-08-23得票数 0
我们有相同的两个数组按主题按索引分组。两个具有相同长度和不同值的数组，例如blow。如何通过ES6减少或提交两个数组及其索引进行分组？d:4}]我尝试了不同的方式，如组和减少在es6或房客优惠，但我无法找到
浏览 1提问于2019-11-20得票数 3
回答已采纳
我试图从一个按键分组的数组中创建一个新数组，而新数组的索引将是旧数组的键，如下所示Array1 capacity:"11" capacity:"33"2 :t
浏览 1提问于2018-03-29得票数 0
回答已采纳
我有个密码：结果:索引仍然被称为整数，而不是字符串。有人能解释我的密码出了什么问题吗？
浏览 3提问于2017-02-01得票数 1
回答已采纳
如何使用Javascript es6从数组创建对象？
uniqYears数组的长度是灵活的，因此，我不想对每年的ID进行硬编码。首先，我没有索引列表。
浏览 1提问于2018-10-06得票数 0
回答已采纳
我目前正在开发一个使用javascript作为前端的项目，im在我现有的数组中添加键时遇到了一些问题。 return key;site_value具有my<e
浏览 4提问于2016-11-07得票数 0
回答已采纳
我有一个对象数组，我想删除其中一个对象。"bakepulver","lte":"bakepulver"},]
我不知道要删除的对象的索引，但我知道整个<e
浏览 7提问于2016-11-12得票数 2
回答已采纳
我试图按键对数组中的相关JavaScript对象进行分组。[ "text": "hello world", "endPosacc.push({}); return acc;
浏览 2提问于2018-02-26得票数 0
回答已采纳
我找到了_.groupBy，它通过设置要分组的属性来处理对象，但未能找到用于分组数组的属性。我想按每个数组中的第三个值进行分组。
如果我想按第1和第3数组值分组呢？
浏览 1提问于2013-12-24得票数 0
回答已采纳
我需要对具有相同name属性的项进行分组，并增加它们的number。我尝试分配给新数组并按键检查已存在的项。当我在PHP中使用这个解决方案时，它工作得很好，但是在JavaScript中却没有。
浏览 0提问于2015-07-24得票数 0
回答已采纳
1回答
我有以下数组：其中数组的关键字是日期，而我想要绘制的每个集合的唯一元素是权重。看：我把代码放在下面。注意，我已经在date属性中对属于每个键的整个集合进行了分组。myBarChart = new Chart(ctx, { data: data,但通过这种方式，ChartJs不会理解它只需要绘制" data“属性中存在的</
浏览 0提问于2018-04-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
