使用lodash通过属性连接对象数组
lodash是一个JavaScript工具库，提供了许多实用的函数，用于简化JavaScript编程中的常见任务。其中一个常用的函数是_.groupBy，它可以通过指定的属性将一个对象数组分组。
使用lodash通过属性连接对象数组的步骤如下：
- 首先，确保你已经引入了lodash库。可以通过在HTML文件中添加
<script>标签引入lodash，或者在Node.js环境中使用require语句引入。 - 创建一个对象数组，该数组包含多个对象，每个对象都有一个属性。
var users = [
{ name: 'Alice', age: 25, gender: 'female' },
{ name: 'Bob', age: 30, gender: 'male' },
{ name: 'Charlie', age: 35, gender: 'male' },
{ name: 'Diana', age: 40, gender: 'female' }
];- 使用
_.groupBy函数将对象数组按照指定的属性进行分组。这里以gender属性为例：
var groupedUsers = _.groupBy(users, 'gender');groupedUsers将是一个以gender属性值作为键，对应的对象数组作为值的对象。你可以通过访问该对象的属性来获取分组后的结果。
console.log(groupedUsers);
// 输出：
// {
// female: [
// { name: 'Alice', age: 25, gender: 'female' },
// { name: 'Diana', age: 40, gender: 'female' }
// ],
// male: [
// { name: 'Bob', age: 30, gender: 'male' },
// { name: 'Charlie', age: 35, gender: 'male' }
// ]
// }这样，你就可以通过指定的属性将对象数组连接起来，并按照属性值进行分组。
对于腾讯云的相关产品，推荐使用云函数（SCF）来执行这样的操作。云函数是腾讯云提供的无服务器计算服务，可以让你在云端运行代码，无需关心服务器的运维和扩展。你可以使用Node.js作为运行环境，在云函数中引入lodash库，并编写相应的代码来实现属性连接对象数组的功能。
腾讯云云函数（SCF）产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
2回答
关联数组的forEach循环在Lodash中有吗？我发现，名为"forEach“的函数只适用于索引数组。例如，如果我有一个带有值myArray的数组[1, 2, 3]，然后执行
lodash.forEach(myArray, function(index) {
console.log(index);
});
然后运行这个函数(在Node中)，我将得到预期的结果：
1
2
3
但是，当我尝试使用关联数组时，它不起作用：
lodash = require('lodash');
myArray = [];
myArray['valOne'] = 1;
浏览 3提问于2014-06-22得票数 8
回答已采纳
1回答
(为什么)房客速度慢？
、、、
我对中描述的结果感到震惊，基准测试将该解决方案(本机JavaScript)与进行了比较。
我还比较了提议的解决方案：
const obj = {
name: undefined,
age: 15,
school: 'Some school'
}
const hasOnly = (obj,props) => {
var objProps = Object.keys(obj)
return objProps.length == props.length && props.every(p => objProps.include
浏览 5提问于2022-01-31得票数 0
回答已采纳
给予：
const data = [
{ user: "user1", data: "data11" },
{ user: "user1", data: "data12" },
{ user: "user1", data: "data13" },
{ user: "user2", data: "data21" },
{ user: "user2", data: "data22" }
];
const outpu
浏览 4提问于2020-01-21得票数 0
回答已采纳
当我使用Lodash ()的orderBy函数时，它以正确的顺序返回数组，但通过简单的键0,1,2,3...我到处找了一下，但我找不到一个解决方案来保存我的钥匙。
示例：
Data :
var a = {
"65191320": {
"date":"20180220",
"comment":"Hello world"
},
"849165164": {
"date":"20180221"
浏览 13提问于2018-02-23得票数 2
回答已采纳
我希望根据对象的嵌套属性的值来选择对象的属性。我正在使用Lodash pick()方法，如下所示。
const object = {
a: {x: true, y: true,}
b: {x: true, y: false,},
c: {x: true, y: true,},
};
_.pick(object, y,);
我希望看到以下结果：
{
a: {x: true, y: true,}
c: {x: true, y: true,}
}
但是，相反，我得到了这个错误。
由于第6行语法错误，无法运行
意料之外的令牌，预期(6:2)
我做错了什么？
注意:如果没有优雅的
浏览 10提问于2020-01-07得票数 0
回答已采纳
4回答
我有一个API调用的数组。
var response = {
"data": {
"data": [{
"1": "Arun",
"index": "name"
}, {
"1": 70.78,
"index": "score"
}]
}
}
我连接到许多其他API，它们返回给我一个类似的响应，但是键改变了。有时可能是
var response = {
"dat
浏览 1提问于2018-10-30得票数 1
回答已采纳
2回答
我有以下对象数组：
[{id:1, value:"100", name:"dog" ...},
{id:2, value:"200", name:"cat" ...},
{id:3, value:"300", name:"fish"....},
{id:4, value:"400", name:"mouse" ...},
{id:5, value:"500", name:"snake"...}]
我想过滤object数组，只保留两个键，
浏览 1提问于2017-06-04得票数 12
回答已采纳
3回答
我想在一个reducer中深度合并2个具有相似属性的javascript对象。问题是这两个对象都有数组作为它们的属性，我需要将它们连接起来而不是替换。基本上是这样的：
var x = {
name: 'abc',
family: {
children: [
{name: 'xxx'},
{name: 'zzz'}
]
}
};
var y = {
name: 'abc',
family: {
children: [
{name: 'yyy&#
浏览 3提问于2017-01-26得票数 0
1回答
var data = [{LearnerId:6362, ColName:AETY10, Value:9, Subject:E+, LookupId:37}]
var subs = [{LookupId:4, Name:Art},{LookupId:37, Name:Maths}]
var merged = _.merge(_.keyBy(data,'LookupId'), _.keyBy(subs, 'LookupId'));
var mapped = _.values(merged);
但这不会将数组作为左连接返回，所以我希望它看起来像这样：
var ma
浏览 3提问于2020-09-16得票数 0
1回答
var result = [
{
color: "blue",
users: [
{
"name": "John",
"color": "blue",
"age": "29"
},
{
"name": "Neil",
浏览 2提问于2021-12-18得票数 0
回答已采纳
lodash允许我使用includes检查基本数据类型的成员资格
_.includes([1, 2, 3], 2)
> true
但以下内容不起作用：
_.includes([{"a": 1}, {"b": 2}], {"b": 2})
> false
这让我感到困惑，因为以下搜索集合的方法似乎做得很好：
_.where([{"a": 1}, {"b": 2}], {"b": 2})
> {"b": 2}
_.find([{"a": 1}, {
浏览 1提问于2014-08-07得票数 174
回答已采纳
5回答
我正在尝试使用for检查下列空值：
data.payload{
name: ""
}
我的代码：
import isEmpty from 'lodash.isempty';
if (isEmpty(data.payload)) {
以上是假的，如何验证空值？
我的助手中有这样的代码：
export const isEmpty = some(obj, function(value) {
return value === '';
}
)；
在我的行动中
if (isEmpty(data.payload)) {
我得到了一个错
浏览 7提问于2017-08-10得票数 4
我试图将我的代码从ramda转换到lodash，但我在使用flow方法时遇到了一些问题。
ramda示例工作得很好
const campsModeSelectedIndex =
aRouteId &&
R.pipe(
R.find((r: any) => r['pointIndex'] === aTerraIndex && r['routeIndex'] === aRouteIndex),
R.prop('wayOfLiving'),
)(allSelected
浏览 7提问于2021-09-29得票数 0
4回答
与使用新的ES6可选参数相比，Lodash如何比较？ 我有以下代码： location: {
latitude: response.pickupLocation.latitude || "",
longitude: response.pickupLocation.longitude || ""
}, 有了Lodash，我知道我可以跑： latitude: get(response, 'pickupLocation.latitude', '') 或者，我也可以创建一个接受对象和路径的函数，并始终返回''作为
浏览 51提问于2017-08-22得票数 15
回答已采纳
1回答
动态多维数组循环
、、、、
我需要使用intervals创建一个多维数组。我有5个用户，他们的数据每5秒增长一次。每个用户都需要数组来保存这些数据，以后每个用户都可以访问这些数据。
currently $rootScope.BHR looks like this:
[1,2,3,4,5,6,7,8,9,10...] <--after 10 secs/ 2 intervals
I want this <--after 10 sec/2 intervals
[1,6..] //key0
[2,7..] //key1
[3,8..] //key2
[4,9..] //key3
[5,10..]//key5
//
浏览 4提问于2015-10-23得票数 0
我在学习兰达，我很困惑。我想创建一个与lodash.set函数类似的set函数。然而，当我在对象中存在的路径上尝试以下内容时，它似乎按预期工作，但是当我使用它创建一个新路径时，它添加了这个奇怪的数组。
const R = require('ramda')
const set = (object, path, value) => R.set(R.lensPath(path), value, object);
const foo = {
moo: {
goo: 'goo'
}
}
set(foo, ['moo',
浏览 0提问于2020-01-29得票数 2
回答已采纳
我一直在寻找一个只使用JavaScript的Lodash omit()的替代品。这就是我想要实现的：
function omit(obj, attr) {
// @obj: original object
// @attr: string, attribute I want to omit
// return a new object, do not modify the original object
}
到目前为止，我已经找到了这个解决方案：
let { attr, ...newObj } = obj;
但它只有在attr已知的情况下才有效。我希望attr是动态的，所以attr
浏览 88提问于2019-11-10得票数 4
回答已采纳
4回答
依赖注入库-重命名注入值
、、、、
我想用名字给房客注射，如下所示：
let val = function(lodash){
// lodash will be injected, simply by using require('lodash');
};
但是如果我想重命名这个导入，我想做这样的事情：
let val = function({lodash:_}){
};
或
let val = function(lodash as _){
};
是否有办法在ES6/ES7/ES8或TypeScript中做到这一点？
请注意，这个DI框架所做的工作不仅仅是要求(‘x’)...it将首先尝试注入其他值，如
浏览 6提问于2017-06-18得票数 7
回答已采纳
我有一句台词
return _.uniqBy(arr1.concat(arr2), 'id');
当我使用常规的lodash时，它工作得很好。
但是，当我尝试将导入切换到lodash/fp时，我得到了这个错误
TS2769: No overload matches this call.
Overload 1 of 3, '(iteratee: LoDashStatic, array: List<string> | null | undefined): LodashUniqBy1x2<string>', gave the following
浏览 0提问于2020-08-10得票数 0
在 Lodash 库，有没有人能提供一个更好的解释 合并 和 扩展/分配 ..。 这是一个简单的问题，但答案仍然回避了我。
浏览 44提问于2013-11-14得票数 507
回答已采纳
我有一个问题:我想将对象的键/值移动一个位置，我正在使用Javascript，我也可以使用Lodash，但我不能将对象转换为数组。 我的对象 "input": {
"10_": "ab",
"20_": "cd",
"30_": "ef"
} 结果 "input": {
"20_": "cd",
浏览 18提问于2019-09-06得票数 1
回答已采纳
2回答
我正在使用Lodash来使操作对象更容易。我有一个有三个嵌套对象的对象。我想迭代这些，将它们各自的子代以所有可能的组合连接在一起，而每个列表只使用一个。
我的目标是这样的：
{
"list_1": {
"1": ".cat-3",
"2": ".cat-5",
"3": ".cat-7"
},
"list_2": {
"1": ".eyes-blue",
"3": &#
浏览 3提问于2014-10-28得票数 0
回答已采纳
3回答
我希望改变一些数据的结构。下面是我正在接收的数据的示例
{
ID1: {
firstName: 'John',
lastName: 'Doe'
},
ID2: {
firstName: 'Jane',
lastName: 'Doe'
}
}
我需要做的是将其转换为以下格式的数组：
[
{ ID: ID1, firstName: 'John', lastName: 'Doe' },
{ ID
浏览 0提问于2016-06-04得票数 1
3回答
例如，将其转换为：
const enums = { ip: 'ip', er: 'er' };
const obj = {
somethingNotNeeded: {...},
er: [
{ a: 1},
{ b: 2}
],
somethingElseNotNeeded: {...},
ip: [
{ a: 1},
{ b: 2}
]
}
如下所示：
[
{ a: 1},
{ b: 2},
{ a: 1},
{ b: 2}
]
我已经在以一种间接的方式来做这件事了，我声明了一个我想要的
浏览 0提问于2018-09-14得票数 3
我需要做一些数组操作，并希望有人告诉我，如果_lodash是什么时候，我可以使用这一点。我所拥有的是一个名为result的数组，它包含以下内容：
var result =
[
{"referenceId":20,"callerId":1, "location":2},
{"referenceId":21,"callerId":1, "location":3}
]
我想为这个数组创建一个备份，如下所示：
var resultBackup =
[
{"location":2},
{&#
浏览 0提问于2014-01-12得票数 0
回答已采纳
对此的任何帮助都是非常感谢的！
背景：我正在构建一个Node.js支持的网站，WebSockets是其中的一部分。我目前正在使用库。
Re欲:我希望能够创建一些“包装器”发送函数，以便在我的每个套接字消息处理程序中，如果我选择更改它，就可以更容易地维护该功能。下面是我目前正在做的一些示例代码：
const wss = new ws.Server({
perMessageDeflate: false,
path: '/ws',
server: httpServer,
verifyClient: function() { /* doing stuff
浏览 2提问于2017-07-09得票数 1
回答已采纳
3回答
我有一个对象，看起来像这样：
var unsorted = {a: 15, b: 1,c: 2, d: 4, e: 3, f: 6, g: 1}
我感兴趣的是用lodash降序排序，所以预期的结果应该是：
var sortd = {b: 1, g: 1,c: 2, e: 3, d: 4, f: 6, a: 15}
我尝试过使用lodash orderBy，但它只给出了一个排序后的值的数组。
_.orderBy(tempCount, Number, ['desc'])
//Result
[1,1,2,3,4,6,15]
浏览 0提问于2019-02-05得票数 5
回答已采纳
1回答
我正在尝试采用Lodash函数编程函数，并将_.chain替换为流程。但是，传入流的筛选键未定义：
import flow from 'lodash/fp/flow';
import filter from 'lodash/fp/filter';
flow(
filter((value, key) => console.log(value, key)) // key is undefined
)({ name: "Tobi", year: 2017, });
浏览 0提问于2017-02-16得票数 0
回答已采纳
2回答
有这样的功能吗？
、、、
我正在寻找一种方法来获得Lodash _.forIn()方法的相同功能，但不使用Lodash。不过，我可以使用下划线。
这就是该方法所做的
浏览 8提问于2022-08-05得票数 0
回答已采纳
我正在尝试写一个javascript函数来显示多个下拉列表。正如你所看到的。State.data包含完整的接口数据。这里this.state.data是一个对象数组。
我想按属性值对返回的累加器进行排序。值和标签基本相同
getOptions(propertyName) {
return this.state.data.reduce((accum, elem, i) => {
const accumulator = [...accum];
if(!accumulator.some((e) => { return e.value === elem[propertyName
浏览 5提问于2019-02-06得票数 1
LoDash (2.2.1) _.find()和_.where()使用的动态对象数组如下
[{
id: 1,
name: 'Some name',
event: {id: 101, text: 'Event text'}
}]
但不使用类型化对象数组(具有2级深度)，例如
[new Person({
id: 1,
name: 'Some name',
event: {id: 101, text: 'Event text'}
})]
// Event will be converted to Event ty
浏览 4提问于2014-09-24得票数 2
回答已采纳
1回答
在与webpack一起构建代码时，我遇到了下面提到的日志
[../node_modules/lodash/lodash.js] 504 KiB {main} [built]
harmony import specifier lodash [./client.js] 82:13-14
harmony import specifier lodash [./selectors/buyInsuranceSelectors.js] 49:42-43
harmony import specifier lodash [./client.js] 84:7-8
harmony i
浏览 4提问于2018-07-03得票数 4
我一直在测试不同浏览器上不同库中的isPlainObject函数。
有4种不同的(代码明智的) isPlainObject函数正在广泛的对象上测试：
jquery
房客
实用程序(我正在开发的一个库)
备选案文，见下文评论意见
在Chromev23.0.1271.95到Chromev25.0.1364.160，FireFox v19.0anOperav12.14上，上述四个方面都有差异，但在所有浏览器上，对于这些对象，实用程序至少给出了相同的false响应。
运行在Chrome上的
Failed to agree: JSON - jquery: true - utili
浏览 7提问于2013-03-09得票数 1
回答已采纳
1回答
实现以下目标的最有效方法是什么：
let oldArray = [{id: "12", product: "6", price: 30, salePrice: 33, units: 5}]
let newArray = [{id: "12", product: "6", price: 30, salePrice: 33, units: 6}]
let result = extractArrayObjectDifference(oldArray,newArray, 'id') // [{id: "12"
浏览 0提问于2021-05-29得票数 0
回答已采纳
3回答
我想把unordered-list-item和ordered-list-item组合起来。
以下是最初的结构：
{
data: {
areas: [{
sections: [{
rjf: [
{
type: "unordered-list-item",
text: "Item 1",
},
{
type: "unordered-list-item",
t
浏览 0提问于2019-05-21得票数 2
当我在lodash中使用groupBy时，我得到了TypeError: Object(...)(...).map is not a function。当我使用sortBy时，我不会遇到这样的问题。我的目标是列出一系列问题。在一开始，我想要显示一个类别的图片，然后是问题列表。
const images = require.context('../../img', true);
const imagePath = (name) => images(name, true);
const QuestionsList = ({ questions }) => {
c
浏览 1提问于2018-12-10得票数 0
我试图在一个对象数组上执行两个groupBy (本质上是，我是试图链接两个groupBy)
let lodash = require('lodash');
var characters = [
{ 'name': 'barney', 'age': 42, 'pet': 'dog' },
{ 'name': 'fred', 'age': 35, 'pet': 'dog' },
{ 'name&#
浏览 0提问于2018-05-27得票数 0
这篇文章(下面的链接)建议在字符串上使用length属性创建一个对象引用，这会不必要地减慢函数的运行速度。
在这种情况下，使用lodash _.size()的好处是什么？它的性能是否与(本机...？)长度属性？
如果您正在计算对象中的数组或键，那么使用lodash size而不是length属性有什么好处吗？
浏览 0提问于2015-06-24得票数 28
回答已采纳
11回答
我必须删除与我的模型不匹配的不需要的对象属性。我怎么才能用Lodash实现它呢？
我的模型是：
var model = {
fname: null,
lname: null
}
在发送到服务器之前，我的控制器输出如下：
var credentials = {
fname: "xyz",
lname: "abc",
age: 23
}
我知道我可以用
delete credentials.age
但如果我有很多不想要的财产呢？我能用Lodash实现它吗？
浏览 10提问于2016-10-30得票数 103
回答已采纳
1回答
我有改变结构{}或{}，{} on 0:{}或0:{},1:{}的还原剂。
在进行此更改后，我无法连接到这个原始数组。这个案子有什么解决办法吗？我必须补充一点，改变减速器真的很难，因为它不是产生改变的数组结构(这是我的观点)。
我添加了减速机代码：
import * as actionTypes from '../actions';
import {schema, normalize, arrayOf} from 'normalizr';
import _ from 'lodash';
const iniState = {
reci
浏览 2提问于2018-06-09得票数 0
回答已采纳
1回答
我已经做了一个函数，通过事务在数据库中切换一个布尔值。看一看：
export const toggleDoneState = functions.https.onCall((data, context) => {
const userId = getUserIdFromCallableContext(context)
let togglePath: admin.database.Reference
if (!isUndefined(data.subtaskId)) {
const subtaskId = data.subtaskId
浏览 1提问于2018-06-03得票数 1
我正在使用HTML标记在我的HTML页面中包含loashv.4.17.11js文件。
<body>
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.min.js"></script>
</body>
一些像_.filter这样的函数工作得很好，但是_.remove给了我如下信息：
Uncaught TypeError: _.remove is not a function。
这个函数似乎不存在于库文
浏览 0提问于2019-05-24得票数 3
回答已采纳
我正在将一个应用程序从Vue 2迁移到3。在经历了大量的对等依赖错误之后，我的项目最终建立起来，但是新版本的WebPack认为EsLint错误是真正的错误，如果有变量声明但没有使用，则停止构建。
我知道我可以通过将标志failOnError设置为false来禁用该行为。但我不知道该把它写在哪里。我没有webpack.config.js文件，它会缝Vue.JS来处理它，所以我有以下vue.config.js文件：
const webpack = require('webpack')
module.exports = {
configureWebpack: {
dev
浏览 5提问于2022-04-28得票数 0
回答已采纳
1回答
如何更改对象的结构
、、、、
我从一个数据库中检索数据，并将其转换为：
"items": {
"title - nameSection": [
{
"nameBoard": "xxx",
"idTask": 1,
"nameTask": "xxx",
"contentTask": "xxx",
"complete": 1,
浏览 6提问于2019-08-12得票数 2
回答已采纳
4回答
我正在使用browserify上的浏览器化，并发现browserify在浏览器化的bundled.js中占了相当大的一部分。
我导入了整个目录，但到目前为止我主要使用cloneDeep方法。
var lodash = require('lodash');
我如何才能只导入必要的部分，使bundled.js保持较小？我使用的是node.js v6
浏览 2提问于2016-11-07得票数 2
回答已采纳
我正在尝试使用.isEqual方法对两个对象进行比较，这个方法来自提交节点包。即使对象是相同的，.isEqual也返回false。
var _ = require('lodash-node');
var obj1 = {"properties":{"property":[{"comfort":["2.4 GHz"]},{"name":["Mosaic"]}]}};
var obj2 = {"properties":{"property":[{"
浏览 2提问于2015-09-11得票数 9
回答已采纳
2回答
根据数组从对象返回值的数组
、、、、
我有一个对象，看起来像这样 ? 我想返回一个基于altname的wsname数组。例如，我提供了一个数组["AAVEETH", "AAVEXBT"]并返回["AAVE/ETH", "AAVE/XBT"]。 我想出了如何像这样使用lodash __.filter const wsnames = _.filter(
obj,
(item) => item.altname === 'AAVEETH' || item.altname === 'AAVEXBT'
) 但这只返
浏览 7提问于2021-01-04得票数 0
回答已采纳
2回答
为相同属性添加对象和数组
、、、
var obj = {x:{y: {a: 1, b:2}}, p: 11}
var arr = [{x: {y: {c: 3}}},{x: {y: {d: 4}}}] 可以通过lodash merge(obj, ...arr)来完成，但我不想使用lodash方法 outputObj = {x:{y: {a: 1, b:2, c: 3, d: 4}}, p: 11}
浏览 33提问于2019-05-21得票数 0
4回答
我正在使用Lodash从数组中创建一个对象，但结果与我所期望的不一样。以下是代码：
var _ = require('lodash');
var data = [
[ 'creds', 'ZHRyYWhlZMMKDWhzYW5EaG1hZDE=' ],
[ 'loggedIn', true ],
];
var result = _.zipObject(data);
现在的结果是：
{creds,ZHRyYWhlZMMKDWhzYW5EaG1hZDE=: undefined, loggedIn,true: undefine
浏览 8提问于2017-11-30得票数 2
回答已采纳
我正在寻找一种简单的方法来做以下事情。我已经尝试过用lodash.reduce来做这件事，但它很笨拙，有没有更简单的方法。
发自：
[{a: 'meow'}, {a: 'woof'}]
至：
{a: ['meow', 'woof']}
浏览 0提问于2019-01-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
