JSFiddle - React, Tailwind, and code Playground

by neonDog

HTML

<pre id="json"></pre>

<pre id="json2"></pre>

JavaScript

//

const arraysMatch = function (arr1, arr2, jsonCheck=true) {

    // Check if the arrays are the same length
    if (arr1.length !== arr2.length) return false;

    if (jsonCheck) {
        return JSON.stringify(arr1) === JSON.stringify(arr2);
    }

    // Check if all items exist and are in the same order
    for (var i = 0; i < arr1.length; i++) {
      if (arr1[i] !== arr2[i]) return false;
    }
  
    // Otherwise, return true
    return true;
  
};


/*!
 * Find the differences between two objects and push to a new object
 * (c) 2019 Chris Ferdinandi & Jascha Brinkmann, MIT License, https://gomakethings.com & https://twitter.com/jaschaio
 * @param  {Object} obj1 The original object
 * @param  {Object} obj2 The object to compare against it
 * @return {Object}      An object of differences between the two
 */

const diff = function (obj1, obj2, ignore=false, nullIfUndefined=false) {
    
      // Make sure an object to compare is provided
      if (!obj2 || Object.prototype.toString.call(obj2) !== '[object Object]') {
          return obj1;
      }
  
      //
      // Variables
      //
          
      const diffs = {};
      let key;
      
      /**
       * Compare two items and push non-matches to object
       * @param  {*}      item1 The first item
       * @param  {*}      item2 The second item
       * @param  {String} key   The key in our object
       */
      const compare = function (item1, item2, key) {
          
          // Get the object type
          const type1 = Object.prototype.toString.call(item1),
              type2 = Object.prototype.toString.call(item2);
                  
          // If type2 is undefined it has been removed
          if (type2 === '[object Undefined]') {
              if (nullIfUndefined) diffs[key] = null;
              return;
          }
          
          // If items are different types
          if (type1 !== type2) {
              diffs[key] = item2;
              return;
          }
  
          //...