如何拿到一个数组中对象的TS类型

在 TypeScript 中，如果你有一个包含对象的数组，你可以直接推断出数组元素的类型，因为类型系统能够根据数组的实际内容确定其内部元素的类型。假设你有以下数组：

const users: User[] = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
];

这里的 `User` 可能是这样的一个接口：

interface User {
  id: number;
  name: string;
  age: number;
}

数组 `users` 的类型就是 `User[]`，表示它是一个 `User` 类型元素的数组。

如果你想明确地指定类型，可以定义一个类型别名：

type UsersArray = { id: number; name: string; age: number }[];

const users: UsersArray = [...]; // 保持不变

相关问题

数组里面包含对象类型 在ts中怎么定义这个数据类型

在TypeScript中，数组可以包含多种类型的数据，包括对象类型。要定义一个包含对象类型元素的数组，你可以首先定义对象的类型，然后使用这个类型来声明数组。以下是定义和使用这种数组类型的基本步骤：

1. 定义对象的接口或类型别名。
2. 使用该接口或类型别名作为数组元素的类型。

下面是一个具体的例子：

// 定义一个接口来描述对象的结构
interface User {
    id: number;
    name: string;
    age: number;
}

// 使用User接口定义的结构来声明一个包含对象类型的数组
const users: User[] = [
    { id: 1, name: 'Alice', age: 25 },
    { id: 2, name: 'Bob', age: 30 },
    { id: 3, name: 'Charlie', age: 35 }
];

// 现在users数组中可以存放多个User类型的对象

在这个例子中，首先定义了一个名为`User`的接口，它包含三个属性：`id`、`name`和`age`。然后声明了一个名为`users`的常量，其类型为`User[]`，意味着这是一个由`User`对象组成的数组。数组中可以存放多个符合`User`接口定义的对象。

在vue3的<script setup lang="ts">标签中，新建两个数组，要求将其中一个数组内的对象，插入到另一个空数组中

好的，您可以使用以下代码实现：

<script setup lang="ts">
  const originalArr = [{id: 1, text: 'hello'}, {id: 2, text: 'world'}]
  const newArr: {id: number, text: string}[] = []

  originalArr.forEach(item => {
    newArr.push(item)
  })
</script>

这段代码在 <script setup lang="ts"> 标签中定义了两个数组 originalArr 和 newArr，其中 originalArr 是初始化的数组，newArr 是空数组。使用 forEach() 方法遍历 originalArr，并逐一将数组中的对象插入到 newArr 中，最终得到的 newArr 就包含了与 originalArr 相同的对象。