Skip to content

Instantly share code, notes, and snippets.

@c7x43t

c7x43t/index.html

Created March 19, 2018 20:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save c7x43t/b4f6511cff6be0cb9609401b84f12464 to your computer and use it in GitHub Desktop.
Save c7x43t/b4f6511cff6be0cb9609401b84f12464 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>compare</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2>
</body>
</html>
Raw
suite.js
"use strict";
(function (factory) {
if (typeof Benchmark !== "undefined") {
factory(Benchmark);
} else {
factory(require("benchmark"));
}
})(function (Benchmark) {
var suite = new Benchmark.Suite;
suite.add("var isArray = Array.isArray;", function () {
var isArray = Array.isArray;
var keyList = Object.keys;
var hasProp = Object.prototype.hasOwnProperty;
function deepCompare(o1, o2) {
if (o1 === o2) return true // fast obj/null test
let n;
if (isArray(o1)) { // fast array test
const l = o1.length;
for (let i = 0; i < l; i++) {
if (!deepCompare(o1[i], o2[i])) return false
}
return true;
}
var keys = keyList(o1);
length = keys.length;
for (i=0;i<length;i++) {
if (!hasProp.call(o1, keys[i]) && !deepCompare(o1[i], o2[i])) return false
}
return true
};
var o1=[
{
description: 'scalars',
tests: [
{
description: 'equal numbers',
value1: 1,
value2: 1,
equal: true
},
{
description: 'not equal numbers',
value1: 1,
value2: 2,
equal: false
},
{
description: 'number and array are not equal',
value1: 1,
value2: [],
equal: false
},
{
description: '0 and null are not equal',
value1: 0,
value2: null,
equal: false
},
{
description: 'equal strings',
value1: 'a',
value2: 'a',
equal: true
},
{
description: 'not equal strings',
value1: 'a',
value2: 'b',
equal: false
},
{
description: 'empty string and null are not equal',
value1: '',
value2: null,
equal: false
},
{
description: 'null is equal to null',
value1: null,
value2: null,
equal: true
},
{
description: 'equal booleans (true)',
value1: true,
value2: true,
equal: true
},
{
description: 'equal booleans (false)',
value1: false,
value2: false,
equal: true
},
{
description: 'not equal booleans',
value1: true,
value2: false,
equal: false
},
{
description: '1 and true are not equal',
value1: 1,
value2: true,
equal: false
},
{
description: '0 and false are not equal',
value1: 0,
value2: false,
equal: false
}
]
},
{
description: 'objects',
tests: [
{
description: 'empty objects are equal',
value1: {},
value2: {},
equal: true
},
{
description: 'equal objects (same properties "order")',
value1: {a: 1, b: '2'},
value2: {a: 1, b: '2'},
equal: true
},
{
description: 'equal objects (different properties "order")',
value1: {a: 1, b: '2'},
value2: {b: '2', a: 1},
equal: true
},
{
description: 'not equal objects (extra property)',
value1: {a: 1, b: '2'},
value2: {a: 1, b: '2', c: []},
equal: false
},
{
description: 'not equal objects (different properties)',
value1: {a: 1, b: '2', c: 3},
value2: {a: 1, b: '2', d: 3},
equal: false
},
{
description: 'not equal objects (different properties)',
value1: {a: 1, b: '2', c: 3},
value2: {a: 1, b: '2', d: 3},
equal: false
},
{
description: 'equal objects (same sub-properties)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { b: 'c' } ] },
equal: true
},
{
description: 'not equal objects (different sub-property value)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { b: 'd' } ] },
equal: false
},
{
description: 'not equal objects (different sub-property)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { c: 'c' } ] },
equal: false
},
{
description: 'empty array and empty object are not equal',
value1: {},
value2: [],
equal: false
},
{
description: 'object with extra undefined properties are not equal #1',
value1: {},
value2: {foo: undefined},
equal: false
},
{
description: 'object with extra undefined properties are not equal #2',
value1: {foo: undefined},
value2: {},
equal: false
},
{
description: 'object with extra undefined properties are not equal #3',
value1: {foo: undefined},
value2: {bar: undefined},
equal: false
}
]
},
{
description: 'arrays',
tests: [
{
description: 'two empty arrays are equal',
value1: [],
value2: [],
equal: true
},
{
description: 'equal arrays',
value1: [1, 2, 3],
value2: [1, 2, 3],
equal: true
},
{
description: 'not equal arrays (different item)',
value1: [1, 2, 3],
value2: [1, 2, 4],
equal: false
},
{
description: 'not equal arrays (different length)',
value1: [1, 2, 3],
value2: [1, 2],
equal: false
},
{
description: 'equal arrays of objects',
value1: [{a: 'a'}, {b: 'b'}],
value2: [{a: 'a'}, {b: 'b'}],
equal: true
},
{
description: 'not equal arrays of objects',
value1: [{a: 'a'}, {b: 'b'}],
value2: [{a: 'a'}, {b: 'c'}],
equal: false
},
{
description: 'pseudo array and equivalent array are not equal',
value1: {'0': 0, '1': 1, length: 2},
value2: [0, 1],
equal: false
}
]
},
{
description: 'Date objects',
tests: [
{
description: 'equal date objects',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: new Date('2017-06-16T21:36:48.362Z'),
equal: true
},
{
description: 'not equal date objects',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: new Date('2017-01-01T00:00:00.000Z'),
equal: false
},
{
description: 'date and string are not equal',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: '2017-06-16T21:36:48.362Z',
equal: false
},
{
description: 'date and object are not equal',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: {},
equal: false
}
]
},
{
description: 'RegExp objects',
tests: [
{
description: 'equal RegExp objects',
value1: /foo/,
value2: /foo/,
equal: true
},
{
description: 'not equal RegExp objects (different pattern)',
value1: /foo/,
value2: /bar/,
equal: false
},
{
description: 'not equal RegExp objects (different flags)',
value1: /foo/,
value2: /foo/i,
equal: false
},
{
description: 'RegExp and string are not equal',
value1: /foo/,
value2: 'foo',
equal: false
},
{
description: 'RegExp and object are not equal',
value1: /foo/,
value2: {},
equal: false
}
]
},
{
description: 'sample objects',
tests: [
{
description: 'big object',
value1: {
prop1: 'value1',
prop2: 'value2',
prop3: 'value3',
prop4: {
subProp1: 'sub value1',
subProp2: {
subSubProp1: 'sub sub value1',
subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
}
},
prop5: 1000,
prop6: new Date(2016, 2, 10)
},
value2: {
prop5: 1000,
prop3: 'value3',
prop1: 'value1',
prop2: 'value2',
prop6: new Date('2016/03/10'),
prop4: {
subProp2: {
subSubProp1: 'sub sub value1',
subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
},
subProp1: 'sub value1'
}
},
equal: true
}
]
}
];
var o2=o1;
deepCompare(o1, o2);
});
suite.add("var isArray = Array.isArray;", function () {
var isArray = Array.isArray;
var keyList = Object.keys;
var hasProp = Object.prototype.hasOwnProperty;
function equal(a, b) {
if (a === b) return true;
var arrA = isArray(a)
, arrB = isArray(b)
, i
, length
, key;
if (arrA && arrB) {
length = a.length;
if (length != b.length) return false;
for (i = 0; i < length; i++)
if (!equal(a[i], b[i])) return false;
return true;
}
if (arrA != arrB) return false;
var dateA = a instanceof Date
, dateB = b instanceof Date;
if (dateA != dateB) return false;
if (dateA && dateB) return a.getTime() == b.getTime();
var regexpA = a instanceof RegExp
, regexpB = b instanceof RegExp;
if (regexpA != regexpB) return false;
if (regexpA && regexpB) return a.toString() == b.toString();
if (a instanceof Object && b instanceof Object) {
var keys = keyList(a);
length = keys.length;
if (length !== keyList(b).length)
return false;
for (i = 0; i < length; i++)
if (!hasProp.call(b, keys[i])) return false;
for (i = 0; i < length; i++) {
key = keys[i];
if (!equal(a[key], b[key])) return false;
}
return true;
}
return false;
};
var o1=[
{
description: 'scalars',
tests: [
{
description: 'equal numbers',
value1: 1,
value2: 1,
equal: true
},
{
description: 'not equal numbers',
value1: 1,
value2: 2,
equal: false
},
{
description: 'number and array are not equal',
value1: 1,
value2: [],
equal: false
},
{
description: '0 and null are not equal',
value1: 0,
value2: null,
equal: false
},
{
description: 'equal strings',
value1: 'a',
value2: 'a',
equal: true
},
{
description: 'not equal strings',
value1: 'a',
value2: 'b',
equal: false
},
{
description: 'empty string and null are not equal',
value1: '',
value2: null,
equal: false
},
{
description: 'null is equal to null',
value1: null,
value2: null,
equal: true
},
{
description: 'equal booleans (true)',
value1: true,
value2: true,
equal: true
},
{
description: 'equal booleans (false)',
value1: false,
value2: false,
equal: true
},
{
description: 'not equal booleans',
value1: true,
value2: false,
equal: false
},
{
description: '1 and true are not equal',
value1: 1,
value2: true,
equal: false
},
{
description: '0 and false are not equal',
value1: 0,
value2: false,
equal: false
}
]
},
{
description: 'objects',
tests: [
{
description: 'empty objects are equal',
value1: {},
value2: {},
equal: true
},
{
description: 'equal objects (same properties "order")',
value1: {a: 1, b: '2'},
value2: {a: 1, b: '2'},
equal: true
},
{
description: 'equal objects (different properties "order")',
value1: {a: 1, b: '2'},
value2: {b: '2', a: 1},
equal: true
},
{
description: 'not equal objects (extra property)',
value1: {a: 1, b: '2'},
value2: {a: 1, b: '2', c: []},
equal: false
},
{
description: 'not equal objects (different properties)',
value1: {a: 1, b: '2', c: 3},
value2: {a: 1, b: '2', d: 3},
equal: false
},
{
description: 'not equal objects (different properties)',
value1: {a: 1, b: '2', c: 3},
value2: {a: 1, b: '2', d: 3},
equal: false
},
{
description: 'equal objects (same sub-properties)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { b: 'c' } ] },
equal: true
},
{
description: 'not equal objects (different sub-property value)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { b: 'd' } ] },
equal: false
},
{
description: 'not equal objects (different sub-property)',
value1: { a: [ { b: 'c' } ] },
value2: { a: [ { c: 'c' } ] },
equal: false
},
{
description: 'empty array and empty object are not equal',
value1: {},
value2: [],
equal: false
},
{
description: 'object with extra undefined properties are not equal #1',
value1: {},
value2: {foo: undefined},
equal: false
},
{
description: 'object with extra undefined properties are not equal #2',
value1: {foo: undefined},
value2: {},
equal: false
},
{
description: 'object with extra undefined properties are not equal #3',
value1: {foo: undefined},
value2: {bar: undefined},
equal: false
}
]
},
{
description: 'arrays',
tests: [
{
description: 'two empty arrays are equal',
value1: [],
value2: [],
equal: true
},
{
description: 'equal arrays',
value1: [1, 2, 3],
value2: [1, 2, 3],
equal: true
},
{
description: 'not equal arrays (different item)',
value1: [1, 2, 3],
value2: [1, 2, 4],
equal: false
},
{
description: 'not equal arrays (different length)',
value1: [1, 2, 3],
value2: [1, 2],
equal: false
},
{
description: 'equal arrays of objects',
value1: [{a: 'a'}, {b: 'b'}],
value2: [{a: 'a'}, {b: 'b'}],
equal: true
},
{
description: 'not equal arrays of objects',
value1: [{a: 'a'}, {b: 'b'}],
value2: [{a: 'a'}, {b: 'c'}],
equal: false
},
{
description: 'pseudo array and equivalent array are not equal',
value1: {'0': 0, '1': 1, length: 2},
value2: [0, 1],
equal: false
}
]
},
{
description: 'Date objects',
tests: [
{
description: 'equal date objects',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: new Date('2017-06-16T21:36:48.362Z'),
equal: true
},
{
description: 'not equal date objects',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: new Date('2017-01-01T00:00:00.000Z'),
equal: false
},
{
description: 'date and string are not equal',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: '2017-06-16T21:36:48.362Z',
equal: false
},
{
description: 'date and object are not equal',
value1: new Date('2017-06-16T21:36:48.362Z'),
value2: {},
equal: false
}
]
},
{
description: 'RegExp objects',
tests: [
{
description: 'equal RegExp objects',
value1: /foo/,
value2: /foo/,
equal: true
},
{
description: 'not equal RegExp objects (different pattern)',
value1: /foo/,
value2: /bar/,
equal: false
},
{
description: 'not equal RegExp objects (different flags)',
value1: /foo/,
value2: /foo/i,
equal: false
},
{
description: 'RegExp and string are not equal',
value1: /foo/,
value2: 'foo',
equal: false
},
{
description: 'RegExp and object are not equal',
value1: /foo/,
value2: {},
equal: false
}
]
},
{
description: 'sample objects',
tests: [
{
description: 'big object',
value1: {
prop1: 'value1',
prop2: 'value2',
prop3: 'value3',
prop4: {
subProp1: 'sub value1',
subProp2: {
subSubProp1: 'sub sub value1',
subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
}
},
prop5: 1000,
prop6: new Date(2016, 2, 10)
},
value2: {
prop5: 1000,
prop3: 'value3',
prop1: 'value1',
prop2: 'value2',
prop6: new Date('2016/03/10'),
prop4: {
subProp2: {
subSubProp1: 'sub sub value1',
subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
},
subProp1: 'sub value1'
}
},
equal: true
}
]
}
];
var o2=o1;
equal(o1, o2)
});
suite.on("cycle", function (evt) {
console.log(" - " + evt.target);
});
suite.on("complete", function (evt) {
console.log(new Array(30).join("-"));
var results = evt.currentTarget.sort(function (a, b) {
return b.hz - a.hz;
});
results.forEach(function (item) {
console.log((idx + 1) + ". " + item);
});
});
console.log("compare");
console.log(new Array(30).join("-"));
suite.run();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment