JavaScript 数组元素添加开始时间 (startTime) 属性

本教程将演示如何为 JavaScript 数组中的每个元素添加一个 startTime 属性，该属性的值根据元素的 left 和 duration 属性计算得出。

示例代码：

let arr = [{"left":0,"widthChild":200,"duration":2},{"left":65,"widthChild":200,"duration":2},{"left":65,"widthChild":200,"duration":2}];

let startTime = 0;
arr.forEach((item) => {
  item.startTime = startTime + item.left / 100 * item.duration;
  startTime = item.startTime;
});

console.log(arr);

输出结果：

[
  { left: 0, widthChild: 200, duration: 2, startTime: 0 },
  { left: 65, widthChild: 200, duration: 2, startTime: 1.3 },
  { left: 65, widthChild: 200, duration: 2, startTime: 2.6 }
]

解释：

首先，我们定义了一个包含三个对象的数组 arr。每个对象都包含 left、widthChild 和 duration 属性。
然后，我们定义一个变量 startTime，初始化为 0。
我们使用 forEach 方法遍历 arr 数组中的每个元素。
对于每个元素 item，我们计算其 startTime，公式为：startTime + item.left / 100 * item.duration。这个公式假设 left 属性代表一个百分比，因此我们需要将其除以 100。
我们使用计算出的 startTime 值更新 item 对象中的 startTime 属性，并更新 startTime 变量，以用于计算下一个元素的 startTime。
最后，我们使用 console.log 打印更新后的 arr 数组。

结果：

每个元素都添加了一个 startTime 属性，表示其开始时间。第一个元素的 startTime 为 0，后续元素的 startTime 根据 left 和 duration 计算得出。

总结：

这个代码示例展示了如何使用 JavaScript 的 forEach 方法遍历数组，并根据数组元素的 left 和 duration 属性计算每个元素的 startTime，并将结果添加到数组元素中。这在需要根据时间顺序处理数组元素时非常有用。

注意：

left 属性应表示一个百分比，以便计算 startTime。
这个代码示例只是演示了如何添加 startTime 属性，您可能需要根据实际情况修改代码以适应不同的需求。