Run results for: my deep clone - lodash vs ramda vs json

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Browser: Chrome 97

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash - cloneDeep	28356.5 Ops/sec
json - parse/stringify	40995.9 Ops/sec
ramda - clone	37735.7 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>

Script Preparation code:

var obj = {
  "type": "report",
  "label": "Collection Report",
  "version": "1.0",
  "children": [
    {
      "type": "section",
      "label": "collection",
      "children": [
        {
          "type": "subsection",
          "label": "collection",
          "children": [
            {
              "type": "collection",
              "children": [
                {
                  "type": "row",
                  "children": [
                    {
                      "type": "textField",
                      "label": "Text",
                      "mdWidth": 50,
                      "contentPath": "text"
                    },
                    {
                      "type": "singlePickerButton",
                      "label": "Options",
                      "mdWidth": 25,
                      "options": [
                        {
                          "title": "Show",
                          "identifier": "show"
                        },
                        {
                          "title": "Hide",
                          "identifier": "hide"
                        }
                      ],
                      "contentPath": "option"
                    },
                    {
                      "type": "removeButton",
                      "label": "",
                      "title": "Remove Item",
                      "mdWidth": 25
                    }
                  ]
                }
              ],
              "contentPath": "collection"
            },
            {
              "type": "row",
              "children": [
                {
                  "type": "column",
                  "mdWidth": 75
                },
                {
                  "type": "addButton",
                  "title": "Add Item",
                  "mdWidth": 25,
                  "mdPadding": {
                    "top": 0.5,
                    "bottom": 0.5
                  },
                  "contentPath": "collection"
                }
              ]
            }
          ]
        },
        {
          "type": "subsection",
          "label": "showItemIfValue equals:show",
          "children": [
            {
              "type": "collection",
              "children": [
                {
                  "type": "row",
                  "children": [
                    {
                      "type": "textField",
                      "label": "Text",
                      "enabled": false,
                      "mdWidth": 100,
                      "contentPath": "text"
                    }
                  ]
                }
              ],
              "contentPath": "collection",
              "showItemIfValue": {
                "equals": "show",
                "atChildContentPath": "option/identifier"
              }
            }
          ]
        },
        {
          "type": "subsection",
          "label": "showItemIfValue",
          "children": [
            {
              "type": "collection",
              "children": [
                {
                  "type": "row",
                  "children": [
                    {
                      "type": "textField",
                      "label": "Text",
                      "enabled": false,
                      "mdWidth": 100,
                      "contentPath": "text"
                    }
                  ]
                }
              ],
              "contentPath": "collection",
              "showItemIfValue": {
                "atChildContentPath": "option/identifier"
              }
            }
          ]
        },
        {
          "type": "subsection",
          "label": "Common Collection",
          "children": [
            {
              "type": "collection",
              "children": [
                {
                  "type": "row",
                  "children": [
                    {
                      "type": "textField",
                      "label": "Text",
                      "mdWidth": 50,
                      "contentPath": "text"
                    },
                    {
                      "type": "singlePickerButton",
                      "label": "Show or Hide",
                      "mdWidth": 25,
                      "options": [
                        {
                          "title": "Show",
                          "identifier": "show"
                        },
                        {
                          "title": "Hide",
                          "identifier": "hide"
                        }
                      ],
                      "contentPath": "showHide"
                    },
                    {
                      "type": "removeButton",
                      "label": "",
                      "title": "Remove Item",
                      "mdWidth": 25
                    }
                  ]
                }
              ],
              "contentPath": "exampleCommon"
            },
            {
              "type": "row",
              "children": [
                {
                  "type": "column",
                  "mdWidth": 75
                },
                {
                  "type": "addButton",
                  "title": "Add Common Item",
                  "mdWidth": 25,
                  "mdPadding": {
                    "top": 0.5,
                    "bottom": 0.5
                  },
                  "contentPath": "exampleCommon"
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "formatSchemaVersion": "1.0"
};

var objCopy = null;

Tests:

lodash - cloneDeep
objCopy = _.cloneDeep(obj);
json - parse/stringify
objCopy = JSON.parse(JSON.stringify(obj));
ramda - clone
objCopy = R.clone(obj);

Run results for: my deep clone - lodash vs ramda vs json

lodash - cloneDeep

json - parse/stringify

ramda - clone