更新可选对象属性的最有效方法是什么？

Question

我有一个如下所示的对象。数据来自两条独立的消息，每条消息都有一个时间戳和icao（标识号）。但是，一条消息包含识别信息（呼号），而另一条消息包含飞机位置。

export interface AircraftInfo {
  timestamp: Date;
  icao: string;
  ident?: {
    callsign: string;
  };
  pos?: {
    lat: number;
    lon: number;
    altitude: number;
  };
}

随着数据的到来，我更新相应的部分。更新pos属性的最优雅方式是什么？我怀疑，如果它已经存在，最好的做法是单独更新各个属性，而不是用一个新的对象覆盖。如果它不存在，则需要分配一个新的对象。

这导致了如下的代码：

  // 如果位置存在则更新位置，否则使用新位置创建位置属性
  if (info.pos) {
    info.pos.altitude = altitude;
    info.pos.lon = lon;
    info.pos.lat = lat;
  } else {
    info.pos = { altitude, lon, lat };
  }

这段代码感觉有点笨拙。有没有更好的方法来实现这个功能？

Mark Harrison · Answer

我认为这样的写法更为"简洁"：

if (!info.pos) info.pos = {};
info.pos.altitude = altitude;
info.pos.lon = lon;
info.pos.lat = lat;

Justin Niessner · Answer

我不确定，但您可能需要使用展开运算符（这种方法同时带来了不可变性的好处）:

在线示例

interface AircraftInfo {
  timestamp: Date;
  icao: string;
  ident?: {
    callsign: string;
  };
  pos?: {
    lat: number;
    lon: number;
    altitude: number;
  };
}

const aircraftInfo: AircraftInfo = {
  timestamp: new Date(), // 初始化timestamp为当前日期
  icao: 'ABC123', // 示例ICA0
};

// 更新ident信息，如果存在则合并，否则新建
aircraftInfo.ident = {
  ...(aircraftInfo.ident || {}),
  callsign: 'flight1234',
};

// 更新pos信息，同样采用合并或新建的方式
aircraftInfo.pos = {
  ...(aircraftInfo.pos || {}),
  lat: 40.7128, // 示例纬度
  lon: -74.0060, // 示例经度
  altitude: 35000, // 示例高度
};

console.log(aircraftInfo);