JSFiddle - React, Tailwind, and code Playground

by sstur

HTML

<pre><code id="log"></code></pre>

CSS

pre {
  height: 200px;
  overflow: auto;
  border: 1px solid #999;
  padding: 5px;
}
code {
  display: block;
}

JavaScript

function log(text) {
  var lines = log.lines || (log.lines = []);
  lines.push.apply(
    lines,
    Array.prototype.map.call(arguments, (arg) => String(arg))
  );
  document.getElementById('log').innerText = lines.join('\n');
}

function isEqual(arraySatu, arrayDua) {
  var length1 = arraySatu.length;
  var length2 = arrayDua.length;
  if (length1 !== length2) {
    return false;
  }
  
  for(var i = 0; i < length1; i++) {
    if (Array.isArray(arraySatu[i]) && Array.isArray(arrayDua[i])) {
      var a = arraySatu[i];
		  var b = arrayDua[i];
      var result = isEqual(a,b);
			if(result == false)
      {
          return false
      }
    }
    else if(arraySatu[i] !== arrayDua[i]) {
      return false
    }
  }    
  
  return true
}

log('Test 1', isEqual(['a'], ['a']) === true );

log('Test 2', isEqual(['a', [1, 2]], ['a', [1, 2]]) === true);

log('Test 3', isEqual(['1'], [1]) === false);

log('Test 4', isEqual([[]], [[]]) === true);