Can you suggest a way to revise this in order to include the type of property (string)?

Question

Can you suggest a way to revise this in order to include the type of property (string)?

Here is a snippet of working code that raises a question about refactoring to improve the readability and functionality. Consider renaming the method to isPropValueSame.

import * as _ from 'lodash';

const diff = _.differenceWith(sourceList, comparatorList, this.isSame);

isSame = (objA: any, objB: any) => (_.has(objA, 'id') && _.has(objB, 'id') ? objA['id'] === objB['id'] : false);

The goal is to pass a property name string like this.isSame('id'));

objA and objB represent items from lists: sourceList and comparatorList, which could look something like:

const sourceList = [
    { id: 1, prop2: { prop21: someValue }, prop3: prop3Value },
    { id: 2, prop2: { prop21: someValue }, prop3: prop3Value },
    { id: 3, prop2: { prop21: someValue }, prop3: prop3Value },
];
const comparatorList = [
    { id: 1, prop2: { prop21: someValue }, prop3: prop3Value },
    //{ id: 2, prop2: { prop21: someValue }, prop3: prop3Value },
    { id: 3, prop2: { prop21: someValue }, prop3: prop3Value },
];

In the given test case data (where the second item in comparatorList is commented out), the output of the comparator function would be the item with an id equal to 2 because it's not found during comparison by the isSame delegate function.

javascript typescript lodash

Answer 1

Answer №1

Maybe you're not interested in anything beyond wrapping the key - it appears that ensuring type safety isn't a priority, so here's a simple solution:

const isMatching = (key: string) => (objectA: unknown, objectB: unknown) =>
  _.has(objectA, key) && _.has(objectB, key) && _.get(objectA, key) === _.get(objectB, key);

Code Sandbox Demo

If you can do without type validation for the key, this should work fine. But if it's needed, check out this related answer on accessing paths recursively..

Answer 2

Maybe you're not interested in anything beyond wrapping the key - it appears that ensuring type safety isn't a priority, so here's a simple solution:

const isMatching = (key: string) => (objectA: unknown, objectB: unknown) =>
  _.has(objectA, key) && _.has(objectB, key) && _.get(objectA, key) === _.get(objectB, key);

Code Sandbox Demo

If you can do without type validation for the key, this should work fine. But if it's needed, check out this related answer on accessing paths recursively..

Answer 3

Answer №2

To efficiently compare objects based on a specific property, you can utilize a closure that takes the desired property as an argument:

const isEqual = (property) => {
  const equal = (a, b) => (_.has(a, property) && _.has(b, property) ? a[property] === b[property] : false);
  return equal;
};

const someKey = 42;
const propValue = 3;

const dataToCompare = [
  { id: 1, key2: { subkey: someKey }, prop3: propValue },
  { id: 2, key2: { subkey: someKey }, prop3: propValue },
  { id: 3, key2: { subkey: someKey }, prop3: propValue },
];
const referenceData = [
  { id: 1, key2: { subkey: someKey }, prop3: propValue },
  // { id: 2, key2: { subkey: someKey }, prop3: propValue },
  { id: 3, key2: { subkey: someKey }, prop3: propValue },
];

console.log(_.differenceWith(dataToCompare, referenceData, isEqual("id")));

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

Answer 4

To efficiently compare objects based on a specific property, you can utilize a closure that takes the desired property as an argument:

const isEqual = (property) => {
  const equal = (a, b) => (_.has(a, property) && _.has(b, property) ? a[property] === b[property] : false);
  return equal;
};

const someKey = 42;
const propValue = 3;

const dataToCompare = [
  { id: 1, key2: { subkey: someKey }, prop3: propValue },
  { id: 2, key2: { subkey: someKey }, prop3: propValue },
  { id: 3, key2: { subkey: someKey }, prop3: propValue },
];
const referenceData = [
  { id: 1, key2: { subkey: someKey }, prop3: propValue },
  // { id: 2, key2: { subkey: someKey }, prop3: propValue },
  { id: 3, key2: { subkey: someKey }, prop3: propValue },
];

console.log(_.differenceWith(dataToCompare, referenceData, isEqual("id")));

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

Can you suggest a way to revise this in order to include the type of property (string)?

Answer №1

Answer №2

Similar questions

What is the best way to ensure the height and width of a Next.js image matches the dimensions of the original image?

In a scenario where multiple fields need to be incremented, one can accomplish this by incrementing one field every time while also increasing the other field only if it exceeds a

The parameter type 'string | VNode' does not align with the expected type 'VNode & string' for this argument

Ways to Adjust the Earth's Position in WebGL Earth

What is the process for adjusting the width of an element using JavaScript?

Vee-Validate: Are flags on the field value yielding undefined results? Explained with TypeScript

What is the best method to retrieve the title from an array using javascript?

When utilizing the Page Object Model in Playwright with TypeScript, a Linting Error may occur, specifically a Parsing error related

Having trouble choosing options within Material UI's Autocomplete Component?

The beforeunload event only triggers when the page is refreshed, not when the page is exited

What is the process for implementing THREE.EdgesGeometry on a model imported using THREE.OBJLoader?

Oops! It looks like there was an error. Remember that AJAX events should be connected to the

The function navigator.canShare() encountered a permissions denial while running in Typescript

Creating a JSON schema for MongoDB using a TypeScript interface: a step-by-step guide

Troubleshooting Paths with Angular's NgFor Directive

How to dynamically retrieve values from a const object literal using TypeScript

Having trouble with the JSON response while implementing AngularJS

Reorder elements using CSS when they do not share the same immediate parent container

AppleScript: Check if the value of document.getElementById is empty, then fill in the value

Help! I keep getting the NullInjectorError in the console saying there is no provider for Subscription. Why is this happening?