javascript - Boolean value as object key type in TypeScript - Stack Overflow

admin管理员组

文章数量:1425740

I want to implement a switch-like function similar to the when operator in Kotlin in Typescript.

Example usage:

const a = 30;
const b = 10;

const result = when(
   {[a < b]: 'somethin'},
   {[a > b]: 'somethin else'},
   {[a >= b]: 'somethin else 2'},
)

>> result == 'something else'

It returns the value of the first case with condition evaluated to true.

I tried to do something like this:

type Case<T> = { [key: boolean]: T };

function when<T>(...cases: Case<T>[]) {
  const index = cases.findIndex(c => c.hasOwnProperty(true));
  return index >= 0 ? cases[index][true] : undefined;
}

but the TS piler is plaining with An index signature parameter type must be either 'string' or 'number'.ts(1023).

Also, when I try to do something like this:

const foo = {[a > b]: 'something'};

TS is again erroring out with A puted property name must be of type 'string', 'number', 'symbol', or 'any'.ts(2464)

This can easily be done in pure JS since the boolean result in the puted property is automatically coerced (converted to) string.

I could not find any way of doing this online so a settled with doing this instead:

function when<T>(...cases: [boolean, T][]) {
  const index = cases.findIndex(([condition, _]) => condition);
  return index >= 0 ? cases[index][1] : undefined;
}

when(
   [a < b, 'somethin'],
   [a > b, 'somethin else'],
   [a >= b, 'somethin else 2'],
)

This is fine, but I find the syntax of the first example more pleasing to look at.

Am I missing something or is this limitation of the current spec?

I want to implement a switch-like function similar to the when operator in Kotlin in Typescript.

Example usage:

const a = 30;
const b = 10;

const result = when(
   {[a < b]: 'somethin'},
   {[a > b]: 'somethin else'},
   {[a >= b]: 'somethin else 2'},
)

>> result == 'something else'

It returns the value of the first case with condition evaluated to true.

I tried to do something like this:

type Case<T> = { [key: boolean]: T };

function when<T>(...cases: Case<T>[]) {
  const index = cases.findIndex(c => c.hasOwnProperty(true));
  return index >= 0 ? cases[index][true] : undefined;
}

but the TS piler is plaining with An index signature parameter type must be either 'string' or 'number'.ts(1023).

Also, when I try to do something like this:

const foo = {[a > b]: 'something'};

TS is again erroring out with A puted property name must be of type 'string', 'number', 'symbol', or 'any'.ts(2464)

This can easily be done in pure JS since the boolean result in the puted property is automatically coerced (converted to) string.

I could not find any way of doing this online so a settled with doing this instead:

function when<T>(...cases: [boolean, T][]) {
  const index = cases.findIndex(([condition, _]) => condition);
  return index >= 0 ? cases[index][1] : undefined;
}

when(
   [a < b, 'somethin'],
   [a > b, 'somethin else'],
   [a >= b, 'somethin else 2'],
)

This is fine, but I find the syntax of the first example more pleasing to look at.

Am I missing something or is this limitation of the current spec?

• javascript
• typescript
• pattern-matching

Share Improve this question Follow edited Aug 18, 2023 at 22:52 Bergi 667k161161 gold badges1k1k silver badges1.5k1.5k bronze badges asked Mar 17, 2020 at 15:30 Iliya ZhechevIliya Zhechev 71111 gold badge66 silver badges66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 0

TypeScript has strong typing, you should not expect such coercion. Object keys in JavaScript must be string or number. That is why TypeScript is asking you to not use boolean values. You could try the following solution:

type Case<T> = { [key in "true" | "false"]: T };

However, you need to be aware that you cannot have two identical keys: see the example below:

let sampleObject = {
    "true": 'something',
    "false": 'something else',
    "false": 'something else 2'
}

console.log(sampleObject);
// will print { true: "something", false: "something else 2" }
// note that the second value is not available because
// you cannot have 2 "false" keys
```

It has to be string:

 {[(a < b).toString()]: 'somethin'},

本文标签： javascriptBoolean value as object key type in TypeScriptStack Overflow