Run results for: Native filter includes vs_.isEqual vs JSON stringify Equality Comparison for Shallow Array of Strings.

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.63 Safari/537.36

Browser: Chrome 93

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>

Script Preparation code:

window.foo = [{id: 1, name: 'suh'}, {id: 2, name: 'asd'}];
window.bar = [{id: 2, name: 'asd'}, {id: 1, name: 'suh'}];

Tests:

native filter includes
const abc = foo.map((x) => x.id) ?? []; const xyz = bar.map((x) => x.id) ?? []; !(abc.length !== xyz.length || abc.filter((id) => !xyz.includes(id)).length > 1);
_.isEqual
const abc = foo.map((x) => x.id).sort(); const xyz = bar.map((x) => x.id).sort(); _.isEqual(abc, xyz)
stringify
JSON.stringify(foo) === JSON.stringify(bar);