在JavaScript中将所有关键帧合并为具有相同Id的单个对象

// 假设关键帧数据存储在一个数组中
const keyframes = [
  { id: 1, value: 10 },
  { id: 2, value: 20 },
  { id: 1, value: 5 },
  { id: 3, value: 15 }
];

const mergedKeyframes = {};

keyframes.forEach(keyframe => {
  if (mergedKeyframes.hasOwnProperty(keyframe.id)) {
    // 如果已存在相同Id的属性，则将值相加
    mergedKeyframes[keyframe.id].value += keyframe.value;
  } else {
    // 如果不存在相同Id的属性，则添加新属性
    mergedKeyframes[keyframe.id] = keyframe;
  }
});

console.log(mergedKeyframes);

{
  1: { id: 1, value: 15 },
  2: { id: 2, value: 20 },
  3: { id: 3, value: 15 }
}