Run results for: Lodash cloneDeep VS spread operator VS Object.assign

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Lodash cloneDeep	12399.4 Ops/sec
Spread operator	879354.3 Ops/sec
Object.assign	937015.2 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var MyObject = {
    apiServerPath: null,
    bodyId: null,
    bootstrap: {
        currency_constants: {
            big_money_cents: 10000,
            default_custom_pledge_cents: 500,
            default_pledge_amount_cents: 100,
            max_pledge_cents: 1500000,
            min_pledge_cents: 100,
            payout_minimum: 100,
            recommended_minimum_tier_amount: 300,
            referral_cents: 5000,
            tier_minimum_round_to_cents: 100,
            tier_recommendation_round_to_cents: 500,
        },
        currentUser: null,
        defaultUserCurrency: 'USD',
        experienceLocationCountryCode: 'US',
        formattingLocale: 'en-US',
        supported_currencies: [
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'AUD',
                default_locale_code: 'en-AU',
                description: 'Austrailian Dollars',
                is_launched: true,
                max_pledge_subunits: 1500000,
                num_subunits: 100,
                symbol: 'AU$',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'CAD',
                default_locale_code: 'en-CA',
                description: 'Canadian Dollars',
                is_launched: true,
                max_pledge_subunits: 1500000,
                num_subunits: 100,
                symbol: 'CA$',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'CZK',
                default_locale_code: 'cs-cz',
                description: 'Czech Koruna',
                is_launched: true,
                max_pledge_subunits: 35500000,
                num_subunits: 100,
                symbol: 'CZK',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'DKK',
                default_locale_code: 'da-DK',
                description: 'Danish Kroner',
                is_launched: true,
                max_pledge_subunits: 9500000,
                num_subunits: 100,
                symbol: 'DKK',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'EUR',
                default_locale_code: 'en-IE',
                description: 'Euros',
                is_launched: true,
                max_pledge_subunits: 1300000,
                num_subunits: 100,
                symbol: '\u20ac',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'GBP',
                default_locale_code: 'en-GB',
                description: 'British Pounds Sterling',
                is_launched: true,
                max_pledge_subunits: 1200000,
                num_subunits: 100,
                symbol: '\u00a3',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'HKD',
                default_locale_code: 'zh-hk',
                description: 'Hong Kong Dollar',
                is_launched: true,
                max_pledge_subunits: 11500000,
                num_subunits: 100,
                symbol: 'HKD',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'HUF',
                default_locale_code: 'hu-hu',
                description: 'Hungarian Forint',
                is_launched: true,
                max_pledge_subunits: 516000000,
                num_subunits: 100,
                symbol: 'HUF',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'NOK',
                default_locale_code: 'nb-NO',
                description: 'Norwegian Kroner',
                is_launched: true,
                max_pledge_subunits: 12500000,
                num_subunits: 100,
                symbol: 'NOK',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'NZD',
                default_locale_code: 'en-nz',
                description: 'New Zealand Dollar',
                is_launched: true,
                max_pledge_subunits: 2200000,
                num_subunits: 100,
                symbol: 'NZD',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'PLN',
                default_locale_code: 'pl-pl',
                description: 'Polish Zloty',
                is_launched: true,
                max_pledge_subunits: 6500000,
                num_subunits: 100,
                symbol: 'PLN',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'RON',
                default_locale_code: 'ro-ro',
                description: 'Romanian Leu',
                is_launched: false,
                max_pledge_subunits: 6500000,
                num_subunits: 100,
                symbol: 'RON',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'SEK',
                default_locale_code: 'sv-SE',
                description: 'Swedish Kronor',
                is_launched: true,
                max_pledge_subunits: 13000000,
                num_subunits: 100,
                symbol: 'SEK',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'SGD',
                default_locale_code: 'zh-sg',
                description: 'Singapore Dollar',
                is_launched: true,
                max_pledge_subunits: 2000000,
                num_subunits: 100,
                symbol: 'SGD',
            },
            {
                available_for_pay_in: true,
                available_for_pay_out: true,
                code: 'USD',
                default_locale_code: 'en-US',
                description: 'US Dollars',
                is_launched: true,
                max_pledge_subunits: 1500000,
                num_subunits: 100,
                symbol: '$',
            },
        ],
        translationLocale: 'en-US',
    },
    campaignFeatures: {},
    csrfSignature: 'rVLduiKw-UOCYxW1KkJMe_z67SqC4Vgo6TR2wY1dAe0',
    cssAssetUrls: [
        'https://asdfads.com/asdf.css',
    ],
    executionEnv: 'ec2',
    experiments: {},
    facebookApiVersion: 'v10.0',
    facebookAppId: '2310376075918452',
    fbPixelId: '2172022483098392',
    featureFlags: {
        analytics_refactor: false,
        announcement_banner_ticker: false,
        campaign_plan_features: true,
        cms_homepage: true,
        cms_local_business_vertical_page: true,
        cms_pricing_page: true,
        cms_product_lite_page: true,
        cms_product_page_bundle: true,
        cms_vertical_page_bundle: true,
        creator_demo: true,
        disable_patron_manager: true,
        discord_improvements_v1: false,
        discord_improvements_v2: false,
        enable_advanced_logging: false,
        enable_search_api: true,
        experience_location: true,
        hide_instagram_social_connect: false,
        hide_starter_kit_nav_link: false,
        insights_documents: false,
        insights_payouts: true,
        membership_V2: false,
        merch_mockup_generation: true,
        merch_new_products: true,
        navigation_revamp_2022: false,
        patron_manager_deprecate_jinja: true,
        payout_reorg_2019_q3: true,
        pendo_whats_new: true,
        pinned_posts: true,
        pledgeflow_location_modal_cancel: false,
        pql_merch_access: false,
        pro_plus_merch_deny: false,
        react_sha: 'asdfasdfw',
        rename_rewards: true,
        rewards_manager: true,
        sunset_patron_manager: false,
        us_ca_location_capture: true,
        verify_user_location: true,
    },
    formattingLocale: 'en-US',
    googleAnalyticsId: null,
    googlePixel: true,
    isAdmin: false,
    isAdvancedTechSupportEnabled: false,
    isAppleConnectEnabled: false,
    isFacebookConnectedEnabled: false,
    isFacebookPixelEnabled: true,
    isGooglePixelEnabled: false,
    isGooglePlacesEnabled: false,
    isImpersonating: false,
    isInternalPage: false,
    isKetchEnabled: false,
    isPendoEnabled: null,
    meta: {
        desc:
            'Lorem ipsum and whatnot',
        height: 2000,
        imageUrl: 'https://test.jpg',
        isPrivate: true,
        key: 'artists, creators, patron, sponsor, music, videos',
        title: 'Blah',
        url: 'https://bla.com',
        viewport:
            'device-width, initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, shrink-to-fit=no, user-scalable=no',
    },
    pageLoadEvent: {
        name: null,
        params: {},
    },
    presets: {
        additional_banner_data: {
            ccpa_cookie_disclosure: {
                cookie_name: 'did_accept_ccpa',
            },
        },
        current_banners: ['creator_demo'],
        device_id: 'a6fd0b7b-asdfasd-4242-dsfsdaf-61420ed1c6d9',
        is_impersonating: false,
        js_git_sha: 'c4661928aasdfasd08abda6034d3704d3b4ad772cd52',
        navigation: {
            concierge_status: {
                finished_at: null,
                started_at: null,
            },
            has_suspended_posts: false,
            has_undelivered_deliverables: false,
            impersonation_write_access: false,
            is_active_creator: false,
            is_admin: false,
            is_impersonating: false,
            logged_in_become_creator_cta: null,
            referer_url: null,
            show_referral_program: false,
            show_taxes_page: false,
            teammate_status: {
                is_owner: false,
                is_teammate: false,
            },
            unread_messages_count: null,
            unread_notifications_count: null,
            utm_params: {},
        },
        page_title: 'Test',
        public_path:
            'https://d1341d24.test.com/assets',
        verify_location: null,
    },
    requestUUID: '23423-2342342-435345-34534',
    sessionId:
        '153424123412341f234d1234d124d',
    siftJsKey: 'asdf432',
    userId: 0,
    webServerPath: 'd1341d24.test.com',
    useSSRData: true,
};

var myCopy = null;

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Spread operator
myCopy = {...MyObject};
Object.assign
mycopy = Object.assign({}, MyObject)

Run results for: Lodash cloneDeep VS spread operator VS Object.assign

Lodash cloneDeep

Spread operator

Object.assign