[Typescript] Using Extract type until to get the value from Union type

import { Equal, Expect } from '../helpers/type-utils';
import { F } from 'ts-toolbelt';

interface Fruit {
  name: string;
  price: number;
}

export const wrapFruit = <TFruits extends Fruit[]>(
  fruits: F.Narrow<TFruits>
) => {
  const getFruit = <
    TName extends TFruits[number]['name']
  >(
    name: TName
  ): RT => {
    return fruits.find((fruit) => fruit.name === name) as Extract<TFruits[number], { name: TName }>;
  };

  return {
    getFruit,
  };
};

const fruits = wrapFruit([
  {
    name: 'apple',
    price: 1,
  },
  {
    name: 'banana',
    price: 2,
  },
]);

const banana = fruits.getFruit('banana');
const apple = fruits.getFruit('apple');
// @ts-expect-error
const notAllowed = fruits.getFruit('not-allowed');

type tests = [
  Expect<Equal<typeof apple, { name: 'apple'; price: 1 }>>,
  Expect<Equal<typeof banana, { name: 'banana'; price: 2 }>>
];

 

See how to extract: as Extract<TFruits[number], { name: TName }>;

posted @   Zhentiw  阅读(13)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2021-02-22 [AWS] Route 53 for A/B Testing
2021-02-22 [AWS] Pulling external resources into CodeBuild
2019-02-22 [Functional Programming] Write simple Semigroups type
2019-02-22 [Functional Programming] Function signature
2018-02-22 [Python Test] Use pytest fixtures to reduce duplicated code across unit tests
2018-02-22 [CSS3] CSS Background Images
2018-02-22 [CSS3] The different of Background-size between 'cover' and 'contain'
点击右上角即可分享
微信分享提示