vue3 +ts 怎么将一个数组里的对象赋值给一个空数组
时间: 2024-01-22 14:04:04 浏览: 104
vue踩坑记录之数组定义和赋值问题
假设有一个数组 `oldArray`,里面包含多个对象,每个对象有多个属性。我们想将这些对象赋值给一个空数组 `newArray`,可以按照以下步骤操作:
1. 定义 `oldArray` 数组:
```typescript
const oldArray: Array<{ id: number, name: string }> = [
{ id: 1, name: 'apple' },
{ id: 2, name: 'banana' },
{ id: 3, name: 'orange' }
]
```
2. 定义一个空数组 `newArray`:
```typescript
const newArray: Array<{ id: number, name: string }> = []
```
3. 使用 `forEach` 方法遍历 `oldArray` 数组,将每个对象 push 到 `newArray` 数组中:
```typescript
oldArray.forEach(item => {
newArray.push(item)
})
```
4. 现在,`newArray` 数组里就包含了 `oldArray` 数组里的所有对象了。可以通过 `console.log(newArray)` 打印 `newArray` 数组来验证。
阅读全文