【ts类型体操】00011-easy-tuple-to-object

最新推荐文章于 2024-07-04 20:12:45 发布

豆浆油条_煎bingo子

最新推荐文章于 2024-07-04 20:12:45 发布

阅读量589

点赞数 1

CC 4.0 BY-SA版权

分类专栏： typescript 文章标签：前端 typescript

本文链接：https://blog.csdn.net/qq_45679015/article/details/124655916

本文探讨了如何在TypeScript中将元组类型转换为对象类型。通过JavaScript的思路作为起点，介绍了`const`断言的作用，以及在TypeScript中遍历数组和使用`typeof`关键字的方法。接着详细阐述了在TypeScript中实现这一转换的步骤，包括利用`in T[number]`进行遍历，并给出相关的类型挑战链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：传入一个元组类型，将这个元组类型转换为对象类型，这个对象类型的键/值都是从元组中遍历出来。

type TupleToObject<T extends readonly any[]> = any

import type { Equal, Expect } from '@type-challenges/utils'
const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const

type cases = [
  Expect<Equal<TupleToObject<typeof tuple>, { tesla: 'tesla'; 'model 3': 'model 3'; 'model X': 'model X'; 'model Y': 'model Y' }>>,
]

type error = TupleToObject<[[1, 2], {}]>

先用js的思路写一遍：

返回一个对象
遍历数组

 function TupleToObject(arr){
     let result = {};
    for(let key of arr){
         result[key] =arr[key];
     }
    return result;
 }

这里注意几个知识点：

例子中的as const是什么意思？【const 断言，作用是使其所有东西变成只读】
ts怎么遍历数组？【in T[number]】
typeof的使用？【将js中的let const var变量转换为ts中的type interface】

最低0.47元/天解锁文章

200万优质内容无限畅学