Benchmark: Lodash.isEqual vs JSON.stringify Equality Comparison for Shallow Array of Strings.

HTML Preparation code:

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

Script Preparation code:

window.foo = [{
  "form": {
    "getFieldsValue": "ƒ () {}",
    "getFieldValue": "ƒ () {}",
    "getFieldInstance": "ƒ bound getFieldInstance() {}",
    "setFieldsValue": "ƒ bound setFieldsValue() {}",
    "setFields": "ƒ bound setFields() {}",
    "setFieldsInitialValue": "ƒ () {}",
    "getFieldDecorator": "ƒ bound getFieldDecorator() {}",
    "getFieldProps": "ƒ bound getFieldProps() {}",
    "getFieldsError": "ƒ () {}",
    "getFieldError": "ƒ () {}",
    "isFieldValidating": "ƒ () {}",
    "isFieldsValidating": "ƒ () {}",
    "isFieldsTouched": "ƒ () {}",
    "isFieldTouched": "ƒ () {}",
    "isSubmitting": "ƒ bound isSubmitting() {}",
    "submit": "ƒ bound submit() {}",
    "validateFields": "ƒ bound validateFields() {}",
    "resetFields": "ƒ bound resetFields() {}",
    "validateFieldsAndScroll": "ƒ bound validateFieldsAndScroll() {}"
  },
  "cablelineProps": {
    "isFetching": false,
    "result": "{}",
    "error": "{}",
    "lastUpdated": "",
    "isError": false,
    "cableLines": "[{…}]",
    "fieldTabWhiteCallInfo": "[\"cable_line_applyWhiteCall_whiteCallMobiles_mobile…]",
    "dataTabWhiteCallInfo": "{cable_line_applyWhiteCall_applyWhiteCallAddress1: …}",
    "contractSelected": "{applyCableLine: {…}, applyWhiteCall: {…}, cableLin…}",
    "readOnly": true,
    "activeRowCableline": 2,
    "isRemoveAttrDoc": false,
    "fieldTabBaseInfo": "[\"cable_line_base_info_applicantFamilyNameKana\", \"c…]",
    "dataTabBaseInfo": "{cable_line_base_info_address1: \"愛知県名古屋市西区桝形町\", cab…}",
    "fieldTabPhoneInfo": "[\"cable_line_phone_info_numberPortability\", \"cable_…]",
    "dataTabPhoneInfo": "{cable_line_phone_info_currentInternet: \"current_in…}",
    "fieldTabIdentityInfo": "[\"cable_line_verify_publishMethodId\", \"cable_line_v…]",
    "dataTabIdentityInfo": "{cable_line_verify_publishMethodId: \"catv_reception…}",
    "fieldNameResetWhiteCall": "[\"cable_line_applyWhiteCall_whiteCallMobiles_mobile…]"
  },
  "requestAddresses": "ƒ () {}",
  "findOneBuilding": "ƒ bound findOneBuilding() {}",
  "addresses": {
    "address": "[]",
    "pagenation": "{hasNext: true, hasPrevious: true, page: 1, perPage…}"
  },
  "parentForm": {
    "getFieldsValue": "ƒ () {}",
    "getFieldValue": "ƒ () {}",
    "getFieldInstance": "ƒ bound getFieldInstance() {}",
    "setFieldsValue": "ƒ bound setFieldsValue() {}",
    "setFields": "ƒ bound setFields() {}",
    "setFieldsInitialValue": "ƒ () {}",
    "getFieldDecorator": "ƒ bound getFieldDecorator() {}",
    "getFieldProps": "ƒ bound getFieldProps() {}",
    "getFieldsError": "ƒ () {}",
    "getFieldError": "ƒ () {}",
    "isFieldValidating": "ƒ () {}",
    "isFieldsValidating": "ƒ () {}",
    "isFieldsTouched": "ƒ () {}",
    "isFieldTouched": "ƒ () {}",
    "isSubmitting": "ƒ bound isSubmitting() {}",
    "submit": "ƒ bound submit() {}",
    "validateFields": "ƒ bound validateFields() {}",
    "resetFields": "ƒ bound resetFields() {}",
    "validateFieldsAndScroll": "ƒ bound validateFieldsAndScroll() {}"
  },
  "readOnlyMode": true,
  "saveCableLineFieldData": "ƒ () {}"
}];
window.bar = [{
  "form": {
    "getFieldsValue": "ƒ () {}",
    "getFieldValue": "ƒ () {}",
    "getFieldInstance": "ƒ bound getFieldInstance() {}",
    "setFieldsValue": "ƒ bound setFieldsValue() {}",
    "setFields": "ƒ bound setFields() {}",
    "setFieldsInitialValue": "ƒ () {}",
    "getFieldDecorator": "ƒ bound getFieldDecorator() {}",
    "getFieldProps": "ƒ bound getFieldProps() {}",
    "getFieldsError": "ƒ () {}",
    "getFieldError": "ƒ () {}",
    "isFieldValidating": "ƒ () {}",
    "isFieldsValidating": "ƒ () {}",
    "isFieldsTouched": "ƒ () {}",
    "isFieldTouched": "ƒ () {}",
    "isSubmitting": "ƒ bound isSubmitting() {}",
    "submit": "ƒ bound submit() {}",
    "validateFields": "ƒ bound validateFields() {}",
    "resetFields": "ƒ bound resetFields() {}",
    "validateFieldsAndScroll": "ƒ bound validateFieldsAndScroll() {}"
  },
  "cablelineProps": {
    "isFetching": false,
    "result": "{}",
    "error": "{}",
    "lastUpdated": "",
    "isError": false,
    "cableLines": "[{…}]",
    "fieldTabWhiteCallInfo": "[\"cable_line_applyWhiteCall_whiteCallMobiles_mobile…]",
    "dataTabWhiteCallInfo": "{cable_line_applyWhiteCall_applyWhiteCallAddress1: …}",
    "contractSelected": "{applyCableLine: {…}, applyWhiteCall: {…}, cableLin…}",
    "readOnly": true,
    "activeRowCableline": 2,
    "isRemoveAttrDoc": false,
    "fieldTabBaseInfo": "[\"cable_line_base_info_applicantFamilyNameKana\", \"c…]",
    "dataTabBaseInfo": "{cable_line_base_info_address1: \"愛知県名古屋市西区桝形町\", cab…}",
    "fieldTabPhoneInfo": "[\"cable_line_phone_info_numberPortability\", \"cable_…]",
    "dataTabPhoneInfo": "{cable_line_phone_info_currentInternet: \"current_in…}",
    "fieldTabIdentityInfo": "[\"cable_line_verify_publishMethodId\", \"cable_line_v…]",
    "dataTabIdentityInfo": "{cable_line_verify_publishMethodId: \"catv_reception…}",
    "fieldNameResetWhiteCall": "[\"cable_line_applyWhiteCall_whiteCallMobiles_mobile…]"
  },
  "requestAddresses": "ƒ () {}",
  "findOneBuilding": "ƒ bound findOneBuilding() {}",
  "addresses": {
    "address": "[]",
    "pagenation": "{hasNext: true, hasPrevious: true, page: 1, perPage…}"
  },
  "parentForm": {
    "getFieldsValue": "ƒ () {}",
    "getFieldValue": "ƒ () {}",
    "getFieldInstance": "ƒ bound getFieldInstance() {}",
    "setFieldsValue": "ƒ bound setFieldsValue() {}",
    "setFields": "ƒ bound setFields() {}",
    "setFieldsInitialValue": "ƒ () {}",
    "getFieldDecorator": "ƒ bound getFieldDecorator() {}",
    "getFieldProps": "ƒ bound getFieldProps() {}",
    "getFieldsError": "ƒ () {}",
    "getFieldError": "ƒ () {}",
    "isFieldValidating": "ƒ () {}",
    "isFieldsValidating": "ƒ () {}",
    "isFieldsTouched": "ƒ () {}",
    "isFieldTouched": "ƒ () {}",
    "isSubmitting": "ƒ bound isSubmitting() {}",
    "submit": "ƒ bound submit() {}",
    "validateFields": "ƒ bound validateFields() {}",
    "resetFields": "ƒ bound resetFields() {}",
    "validateFieldsAndScroll": "ƒ bound validateFieldsAndScroll() {}"
  },
  "readOnlyMode": true,
  "saveCableLineFieldData": "ƒ () {}"
}];

Tests:

_.isEqual
_.isEqual(window.foo, window.bar)
JSON.stringify
JSON.stringify(window.foo) === JSON.stringify(window.bar);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.isEqual
JSON.stringify

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 9 months ago)

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

Browser/OS: Chrome 114 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
_.isEqual	268692.1 Ops/sec
JSON.stringify	128039.0 Ops/sec

Lodash.isEqual vs JSON.stringify Equality Comparison for Shallow Array of Strings. (version: 0)

Comparing performance of: _.isEqual vs JSON.stringify

Created: one year ago by: Guest

Jump to the latest result

_.isEqual

JSON.stringify

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A