TS采用reduce往空数组里添加数据

在 TypeScript 中，如果要往空数组里添加数据，可以使用数组的 `reduce` 方法。`reduce` 方法可以将数组中的每个元素依次传入一个回调函数，并将回调函数的结果累计起来，最终返回一个值。如果我们要往空数组中添加数据，可以将要添加的数据作为累加器的初始值，然后在回调函数中将新的数据添加到累加器中，最终返回累加器即可。下面是一个示例代码：

const arr: number[] = [];
const dataToAdd = 42;

const result = [dataToAdd].reduce((acc, curr) => {
  acc.push(curr);
  return acc;
}, arr);

console.log(result); // [42]

在这个示例中，我们使用了数组的 `reduce` 方法，将 `dataToAdd` 作为累加器的初始值，将空数组 `arr` 作为累加器。然后在回调函数中，将当前元素 `curr` 添加到累加器 `acc` 中，并返回累加器。最终，`reduce` 方法返回的值就是累加器，也就是添加了新数据后的数组。

相关问题

ts实现在数组中添加数据

在TypeScript（简称TS）中，如果你想在数组中添加数据，通常有几种常见的方式：

1. **直接赋值**：如果你想要在数组的末尾添加一个元素，可以使用`push()`方法。例如：

   let arr: number[] = [];
   arr.push(5); // 数组变为 [undefined, 5]

2. **扩展操作符（Spread Syntax）**：使用`...`运算符可以在已有数组的基础上合并新元素，如：

   const newElement = 10;
   arr = [...arr, newElement]; // 数组变为 [undefined, 5, 10]

3. **Array.from() + concat()** 或者 `unshift()` 和 `push()`：如果需要在指定位置添加，可以用这两个方法配合：

   arr.unshift(newElement); // 数组变为 [10, undefined, 5]

4. 对于对象数组，也可以动态创建新的对象并添加到数组中：

   const obj = { key: 'value' };
   arr.push({ ...obj }); // 新增一个对象到数组尾部

vue3 +ts 怎么将一个数组里的对象赋值给一个空数组

假设有一个数组 `oldArray`，里面包含多个对象，每个对象有多个属性。我们想将这些对象赋值给一个空数组 `newArray`，可以按照以下步骤操作：

1. 定义 `oldArray` 数组：

const oldArray: Array<{ id: number, name: string }> = [
  { id: 1, name: 'apple' },
  { id: 2, name: 'banana' },
  { id: 3, name: 'orange' }
]

2. 定义一个空数组 `newArray`：

const newArray: Array<{ id: number, name: string }> = []

3. 使用 `forEach` 方法遍历 `oldArray` 数组，将每个对象 push 到 `newArray` 数组中：

oldArray.forEach(item => {
  newArray.push(item)
})

4. 现在，`newArray` 数组里就包含了 `oldArray` 数组里的所有对象了。可以通过 `console.log(newArray)` 打印 `newArray` 数组来验证。