Usage

const a = { a: 0, b: 2, p: { a: 4 } };
const b = { a: 1, c: 3, p: { b: 5 } };

assign(a, b); // => { a: 1, b: 2, c: 3, p: { a: 4, b: 5 } }

Installation

CLI

npx atmx add helper assign

Manually

Copy and paste the following method into @/utils/helpers/assign.ts:

import { isPlainObject } from "@/helpers/is-plain-object.ts";

/**
* Create a copy of the first object, and then merge the second object
* into it recursively. Only plain objects are recursively merged.
*
* @example
* const a = { a: 0, b: 2, p: { a: 4 } }
* const b = { a: 1, c: 3, p: { b: 5 } }
*
* assign(a, b) // => { a: 1, b: 2, c: 3, p: { a: 4, b: 5 } }
*/
export function assign<X extends Record<string | symbol | number, any>>(
initial: X,
override: X,
): X {
if (!initial || !override) {
return initial ?? override ?? {};
}
const proto = Object.getPrototypeOf(initial);
const merged = proto
? { ...initial }
: Object.assign(Object.create(proto), initial);
for (const key of Object.keys(override)) {
merged[key] =
  isPlainObject(initial[key]) && isPlainObject(override[key])
    ? assign(initial[key], override[key])
    : override[key];
}
return merged;
}