Determine using Lodash whether there is an object in an array that matches the ID from a separate array

Question

Determine using Lodash whether there is an object in an array that matches the ID from a separate array

There is a user array defined as follows:

var users = [{
 id: 1,
 name: 'ABC',
 isDisplay: true
}, {
 id: 2,
 name: 'XYZ',
 isDisplay: true
}, {
 id: 3,
 name: 'JKL',
 isDisplay: true
}];

Additionally, there is another array called selectedUsers which contains specific objects from the above array:

var selectedUsers = [{
 id: 1,
  name: 'ABC'
 },
 {
  id: 3,
  name: 'JKL'
}];

I want to determine which objects exist in the second array based on their ID, without using lodash.

 _.each(users, (_u) => {
     if(selectedUsers.includes(_u)) {
       _u.isDisplay = false;
     } else {
       _u.isDisplay = true;
     }
  });

My attempt to match entire objects using includes did not work because AngularJS automatically adds a $$hashkey property to objects. Is there an alternative method to achieve this?

javascript angularjs lodash

Answer 1

Answer №1

let people = [{
 id: 1,
 name: 'Alice',
 isDisplayed: true
}, {
 id: 2,
 name: 'Bob',
 isDisplayed: true
}, {
 id: 3,
 name: 'Charlie',
 isDisplayed: true
}];

let chosenPeople = [{
 id: 1,
name: 'Alice'
},
{
id: 3,
name: 'Charlie'
}];

let commonSelection = _.intersectionBy(people, chosenPeople, 'id');

console.log(commonSelection);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.js"></script>

Answer 2

let people = [{
 id: 1,
 name: 'Alice',
 isDisplayed: true
}, {
 id: 2,
 name: 'Bob',
 isDisplayed: true
}, {
 id: 3,
 name: 'Charlie',
 isDisplayed: true
}];

let chosenPeople = [{
 id: 1,
name: 'Alice'
},
{
id: 3,
name: 'Charlie'
}];

let commonSelection = _.intersectionBy(people, chosenPeople, 'id');

console.log(commonSelection);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.js"></script>

Answer 3

Answer №2

Follow these steps to create a Set of selected IDs called `selectedUsersIds`, iterate through the users array using Array#forEach, and update the value of the `isDisplay` property based on whether the user ID is included in the `selectedUsersIds` set:

const users = [{"id":1,"name":"ABC","isDisplay":true},{"id":2,"name":"XYZ","isDisplay":true},{"id":3,"name":"JKL","isDisplay":true}];

const selectedUsers = [{"id":1,"name":"ABC"},{"id":3,"name":"JKL"}];

const selectedUsersIds = new Set(selectedUsers.map(({ id }) => id));

users.forEach((user) => user.isDisplay = selectedUsersIds.has(user.id));

console.log(users);

Answer 4

Follow these steps to create a Set of selected IDs called `selectedUsersIds`, iterate through the users array using Array#forEach, and update the value of the `isDisplay` property based on whether the user ID is included in the `selectedUsersIds` set:

const users = [{"id":1,"name":"ABC","isDisplay":true},{"id":2,"name":"XYZ","isDisplay":true},{"id":3,"name":"JKL","isDisplay":true}];

const selectedUsers = [{"id":1,"name":"ABC"},{"id":3,"name":"JKL"}];

const selectedUsersIds = new Set(selectedUsers.map(({ id }) => id));

users.forEach((user) => user.isDisplay = selectedUsersIds.has(user.id));

console.log(users);

Determine using Lodash whether there is an object in an array that matches the ID from a separate array

Answer №1

Answer №2

Similar questions

Searching for a MongoDB document using its unique identifier

Can a specific section of an array be mapped using Array.map()?

Exploring Validation Techniques in AngularJS

There seems to be an issue with ngOptions in Angular as it is

navigation through sibling views using query-based route in ui-router

Struggling with getting Sprite maps to function properly within THREE.js

Pass information from ColdFusion to jQuery

Is it possible to verify the authenticity of published npm packages by utilizing hashes/checksums?

Unsure of how to create a record of calculations made on the calculator

Exploring Javascript bugs in Visual Studio (or any other JS debugger)

"Clicking on the hamburger menu causes the webpage to reset its scroll

qunit timer reset

In order to successfully utilize Node.js, Async.js, and Listeners, one must ensure

Not defined within a function containing arrays from a separate file

Unable to locate video identifier on ytdl

What is the best way to showcase response information on the website interface?

Unleashing the Power of Conditional HTML Attribute Insertion

Work with JSON array objects

Constructing a new mongoose request without nesting by sending multiple requests

Error: The method By.cssSelector is invalid and cannot be used