The ways to compare 2 deep nested objects in JavaScript

There are two ways to compare 2 deep nested objects in Javascript.

Example, we will compare two deep objects bellow: 

 const first = {
  name: 'first object',
  nested: {
    id: 'abc',
    nested: {
      name: 'apple',
    },
  },
};

const second = {
  name: 'first object',
  nested: {
    id: 'abc',
    nested: {
      name: 'apple',
    },
  },
};


Use JSON.stringify method:: 

 JSON.stringify(first) === JSON.stringify(second);
 // result is: true


The JSON.stringify method converts a JavaScript object or value to a JSON string


Using isEqual method of Lodash library 

 import isEqual from 'lodash';
 
 isEqual(first, second);
 // result is: true


compare deep objectscompare objectsjavascriptJSON stringify

Latest

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

Related

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

G

Get height or width of an element in Javascript

C

Convert HTML raw string to DOM Nodes in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

© 2019 4codev

Created with love by Sil.