JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<p>when items have been added</p>
<ul>
  <li>take each item in the new array</li>
  <li>check if it exists in the old array.</li>
  <li> if it does not exist, mark item as an 'added item'</li>
</ul>
<p>when items have been removed</p>
  <li> take each item in the old array</li>
  <li>check if item exists in the new array</li>
  <li>If it does not exist, mark item as a 'removed item'</li>
<p>when items have been added and removed</p>

<p>when no items have been added and no items have been removed</p>
When there are no items marked as 'added' or marked as 'removed'

JavaScript

const foo = [
  'alpha', 'beta', 'gamma', 'delta'
];

const bar = [
  'beta', 'delta',
];

function generateDiff(oldArray, newArray) {
	for(let i =0; i < newArray.length; i++) {
  	// take each item in the new array
    // check if it exists in the old array.
    
    // if it does not exist, mark item as an 'added item'
    
  }

	return [];

}

const diff = generateDiff(foo, bar)

console.log(diff)