【ts类型体操】00018-easy-tuple-length

本文介绍了如何在TypeScript中创建一个通用的Length类型,该类型接收一个readonly数组并返回其长度。首先通过JavaScript的方式解释了如何判断是否为数组并获取长度,然后探讨了tuple类型与普通数组长度的区别。在TypeScript中,通过`extends readonly any[]`来判断是否为数组,使用`T['length']`获取tuple的长度。内容来源于type-challenges的00018题。
摘要由CSDN通过智能技术生成

需求:创建一个通用的Length,接受一个readonly的数组,返回这个数组的长度。

type Length<T extends readonly any[]> = any
import type { Equal, Expect } from '@type-challenges/utils'

const tesla = ['tesla', 'model 3', 'model X', 'model Y'] as const

const spaceX = ['FALCON 9', 'FALCON HEAVY', 'DRAGON', 'STARSHIP', 'HUMAN SPACEFLIGHT'] as const

type cases = [
  Expect<Equal<Length<typeof tesla>, 4>>,
  Expect<Equal<Length<typeof spaceX>, 5>>,
  // @ts-expect-error
  Length<5>,
  // @ts-expect-error
  Length<'hello world'>,
]

先用js的思路写一遍:

  1. 判断是否是数组
  2. 返回数组长度
  function lengthOfNum(arr){
      if(!Array.isArray(arr))
      return;
      return arr.length
  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值