Skip to content

Commit 24bb584

Browse files
committed
Merge branch 'master' of https://github.com/rachleona/Algorithmic_javascript into rachleona-master
user:rachleona is contributing to repo with one deepcompare algorithm Checking and reviewing it if everything goes right it will be merged.
2 parents 6fa5e15 + 4287531 commit 24bb584

File tree

2 files changed

+69
-4
lines changed

2 files changed

+69
-4
lines changed

README.md

Lines changed: 50 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -562,15 +562,61 @@ Note that we chain both .replace() methods in succession such that both cases ar
562562
<hr>
563563
<hr>
564564
565-
<b>7. Name </b>
565+
<b>7. Deep Comparison </b>
566566
567-
__The challenge:__ <p> </p>
567+
Comparing objects can be troublesome, not to mention multi-dimensional objects/arrays. Here is something simple to help.
568568
569+
__The challenge:__ <p> - JS Objects, contrary to the way we perceive it, are simply pointers to the data stored, rather than the actual data itself. Thus, to compare objects/arrays a and b we cannot just use normal comparison operators.</p>
570+
```js
571+
a === b //false
572+
```
573+
<p> - Use of multidimensional objects/arrays is possible, making it difficult to compare simply by iteration since we don't know the depth of a value. </p>
574+
575+
<p> - Different data types like Dates and undefined must also be taken into consideration. <p>
576+
577+
<p>Given the above, return a boolean signifying whether a and b are equivalent in content. </p>
578+
579+
__Algorithmic Thinking:__ <p>As we would be comparing each item contained in the objects, a loop may be the first instinct to solving it. However, with the potential of multidimensional iterables, we would have to disect nested arrays in the same way when we encounter them. A combination of iteration and recursion is therefore necessary. So for each item of the array a data type check is necessary as well, to allow execution of a relevant comparison.
580+
581+
Breaking it down:
582+
* check if ```a === b```
583+
* check if ```a``` and ```b``` are both iterable
584+
* iterate over ```a``` using keys and call deepCompare recursively
585+
</p>
569586
570-
__Algorithmic Thinking:__ <p> </p>
571587
588+
__code Implementation:__ <p>
572589
573-
__code Implementation:__ <p> </p>
590+
Firstly, we'll do the most simple check of ```a === b``` to avoid unnecessary complexity. This will process all of the equal literal values for us.
591+
592+
```js
593+
if(a === b) return true
594+
```
595+
596+
Then comes the interesting part! There are several data types we need to look out for: Objects, Arrays(which JS treats as an object), and Dates(which is also treated as an object!), thus all we have to do is check if both a and is type object. If not, we can just return false as they didn't pass the ```a === b``` test.
597+
598+
Next, we can process the dates first, as that doesn't require iteration. Make sure to compare ```Date.valueOf()``` instead.
599+
600+
Lastly, by taking the keys of the iterables we can compare the length of ```a``` and ```b```, then make use of built-in Array.some method to check if any values of the two iterables don't match.
601+
602+
```js
603+
if(typeof a === "object" && typeof b === "object")
604+
{
605+
if(a instanceof Date && b instanceof Date) return a.valueOf() === b.valueOf()
606+
else
607+
{
608+
const keysA = Object.keys(a)
609+
if(keysA.length !== Object.keys(b).length) return false
610+
return !keysA.some( key => {
611+
return !deepCompare(a[key], b[key])
612+
})
613+
}
614+
}
615+
else return false
616+
```
617+
618+
It's that simple! Hope this helps.
619+
</p>
574620
<hr>
575621
<hr>
576622

deepCompare_7/deepCompare.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
//deep comparison of multi-dimensional arrays with recursion
2+
3+
const deepCompare = (a, b) => {
4+
if(a === b) return true
5+
6+
if(typeof a === "object" && typeof b === "object")
7+
{
8+
if(a instanceof Date && b instanceof Date) return a.valueOf() === b.valueOf()
9+
else
10+
{
11+
const keysA = Object.keys(a)
12+
if(keysA.length !== Object.keys(b).length) return false
13+
return !keysA.some( key => {
14+
return !deepCompare(a[key], b[key])
15+
})
16+
}
17+
}
18+
else return false
19+
}

0 commit comments

Comments
 (0)