將對象的屬性分配給打字稿中的另一個對象

Question

我有兩個具有許多屬性的對象。 我想僅在已定義的情況下將屬性從一個對象復制到另一個對象。

這是對象接口：

interface Settings {
  locale: string;
  currency: string;
  style: string;
  isDark: boolean;
  // There are more fields here
}

這兩個對象的定義如下：

const settings: Settings = {/*assign all fields here*/}
const settingsChange: Partial<Settings> = {/*change some fields*/}

現在我需要將settingsChange的字段分配給settings ，我正在嘗試這樣做，就像我在 javascript 中所做的那樣

Object.entries(settingsChange).forEach(([key, value])=>{
  settings[key] = settingsChange[key] || settings[key]
})

這是我收到的打字稿 linting 錯誤：

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Settings'.
No index signature with a parameter of type 'string' was found on type 'Settings'.ts(7053)

我該如何解決這個問題？ 我知道Object.assign會起作用，但Object.entries給了我更多的自由來應用我需要的任何邏輯。

Answer 1

settings = {
  ...settings,
  ...settingsChange
};

如果您需要對值執行一些邏輯，您可以執行以下操作：

settings = Object.fromEntries(Object.entries(settings).map(([key, value]) => {
  const newValue = (settingsChange as keyof Settings)[key] ?? value;
  return [key, newValue];
})) as Settings;