在typescript中通过键获取对象的值
可以通过以下几种方式实现：
- 使用索引签名：在定义对象类型时，可以使用索引签名来指定允许的键类型和对应的值类型。例如，如果有一个对象
obj，可以通过索引签名来定义它的类型：
type MyObject = {
[key: string]: number; // 键为字符串，值为数字
};
const obj: MyObject = {
key1: 10,
key2: 20,
};
console.log(obj['key1']); // 输出 10
console.log(obj['key2']); // 输出 20在这个例子中，我们可以通过 obj['key1'] 和 obj['key2'] 来获取对象 obj 中对应键的值。
- 使用类型断言：在某些情况下，我们可能已经知道对象中包含了某个键，可以使用类型断言来告诉编译器对象的类型，并通过键来获取对应的值。例如：
const obj: any = {
key1: 'value1',
key2: 'value2',
};
const value1 = obj['key1'] as string;
const value2 = <string>obj['key2'];
console.log(value1); // 输出 'value1'
console.log(value2); // 输出 'value2'在这个例子中，我们使用类型断言将 obj['key1'] 和 obj['key2'] 转换为字符串类型，并分别赋值给 value1 和 value2。
- 使用Optional Chaining操作符（?.）：如果不确定对象中是否存在某个键，可以使用Optional Chaining操作符来安全地获取键的值。如果键存在，则返回对应的值；如果键不存在，则返回undefined。例如：
const obj = {
key1: 'value1',
key2: 'value2',
};
console.log(obj?.key1); // 输出 'value1'
console.log(obj?.key2); // 输出 'value2'
console.log(obj?.key3); // 输出 undefined在这个例子中，我们使用Optional Chaining操作符 ?. 来获取对象 obj 中对应键的值。如果键存在，则会返回对应的值；如果键不存在，则会返回undefined。
综上所述，以上是在typescript中通过键获取对象的值的几种常见方式。根据具体情况选择适合的方式来访问对象中的值。
相关·内容
我正在研究typescript.below的一些源代码：
export class ShoppingCartItem{
$key:string;
title:string;
imageUrl:string;
price:number,
quantity:number,
}
......
......
itemsMap: { [productId: string]: ShoppingCartItem };
最后一行是什么意思({ productId: string: ShoppingCartItem })？这意味着itemsMap是一个物体?但是...
浏览 1提问于2018-02-06得票数 0
在TypeScript中，我试图使用for (let x in obj)循环，但是TypeScript编译器没有正确识别x的类型.它总是假设它是string类型的。
在下面的示例中，正确地检测到obj循环外的for类型。TypeScript编译器将其识别为number。但是，当obj应该是number时，for循环中的string就会被识别为string。
let myObj: { [key: number]: number } = { 0: 43, 5: 23 };
let obj = myObj[0]; // let obj: number
for (let obj in myObj)
浏览 0提问于2017-12-01得票数 1
回答已采纳
在JavaScript中，普通的旧对象可以承受各种滥用。例如，您可以写：
var obj = {};
var func = new Function() {};
obj[func] = 5; // totally fine
obj[func]; // returns 5
有了一些创造性，您可以编写一个泛型类SimpleSet<T>，该类可以使用对象作为其在JavaScript或TypeScript中的后备存储。一种简单的方法可能是编写类似这样的东西：
public add(val: T) {
this._dict[val] = val;
}
这在TypeScript中是行不通的
浏览 1提问于2017-03-13得票数 1
回答已采纳
我有以下(几乎)可以正常工作的JavaScript代码： const config = {
a: 1,
b: 2,
default: 3
}
const getConfig = (key: string) => {
return config[key] || config.default
} 然而，在TypeScript中当然给了我一个错误，因为没有任何类型的字符串是config的有效索引。 但不幸的是，以下方法也不起作用： const getConfig = (key: string) => {
return key in config
? con
浏览 30提问于2020-03-31得票数 2
回答已采纳
在中，有一个题为的问题，下面的TypeScript：
enum Fruit {APPLE, ORANGE};
显示为编译到此JavaScript：
var Fruit;
(function (Fruit) {
Fruit[Fruit["APPLE"] = 0] = "APPLE";
Fruit[Fruit["ORANGE"] = 1] = "ORANGE";
})(Fruit || (Fruit = {}));
在line 3和line 4上，对象属性赋值被用作对象键：
Fruit[Fruit["APPLE"
浏览 2提问于2019-05-07得票数 3
回答已采纳
1回答
给定一个TypeScript枚举：
export enum Color {
Red,
Green,
Blue,
}
我希望在一个数组中获得它的所有值，如下所示：
["Red", "Green", "Blue"]
然而，当我在该枚举上使用
const colors = Object.keys(Color);
我得到了一个由索引和值组成的奇怪的数组：
[ '0', '1', '2', 'Red', 'Green', 'Blue' ]
浏览 0提问于2018-02-13得票数 25
回答已采纳
1回答
JSON中的动态标签
、、、
我正在生成一个JSON文件，并且在TypeScript中有一个以下类型的变量：
export interface Rules{
name: string,
condition: string,
}
我想用以下格式解析JSON中的'Rule‘类型：
"dataRetentionRules": {
"RULE_1": {
"name": "test123",
"condition": "RetentionStartDate"
浏览 3提问于2020-04-20得票数 0
我有一个函数selectProperties，用于从某些接口选择键值，并在升级到TypeScript4.4后得到错误error TS2322: Type 'keyof T' is not assignable to type 'T'.。typescript playground，谁有更好的主意让我四处走动？ export interface QueryActioned {
event: string;
properties:string
}
export interface QueryStarted {
event: number
proper
浏览 46提问于2021-09-15得票数 0
回答已采纳
这个想法告诉TypeScript：“允许这个let的值成为任何这些对象的值”
假设的例子：
const Types = {
ADD: 'ADD',
REMOVE: 'REMOVE'
}
let type: Object.values(Types) = 'ADD'
当我在TypeScript下面输入代码时，向我显示接受的值：'ADD‘或'REMOVE’。
type = '|'
我可以手动完成let type: 'ADD' | 'REMOVE' = 'ADD'，
浏览 0提问于2019-04-01得票数 0
回答已采纳
我正在尝试将一些使用map的Java代码映射到Typescript代码。我最初的想法是在Typescript中使用Map的，但对于我创建的界面，这并不起作用。相反，我发现Record似乎完美地模仿了Java的Map。 我的主要问题是什么时候我应该使用Typescript的地图而不是记录，什么时候我应该使用Typescript记录而不是地图？ 它们的工作方式有何不同？ viewMappings: Record<string, String[]>;
viewMappings: Map<String, String[]>; 例如 我希望它们在与我的State的界面中工作得非
浏览 29提问于2019-05-31得票数 20
1回答
我正在尝试创建一个泛型类型，它允许我键入C联合值(如果它在TypeScript中)会是什么样子。例如，我想转换这种类型：
type UserIdentifier = {
id: string;
dateCreated: string;
names: {
first: string;
last: string;
}
};
这方面：
type UserIdentifier = {
id: string;
dateCreated?: undefined;
names?: undefined;
} | {
id?: undefined;
date
浏览 7提问于2022-03-15得票数 1
回答已采纳
1回答
在TypeScript中，可以在对象中指定允许的值吗？例如，指定所有键都应该有数字：
{
'id': 1,
'attr1': 124,
'attr2': 4356,
...
}
我搜索了并发现，我可以使用数组输入(键和值)，如下所示：
interface StringArray {
[index: number]: string;
}
但实际上，映射(JS对象)和数组在概念上并不相同(在JavaScript中，它的行为类似，但是在TypeScript中，由于强类型，它应该单独处理)。
浏览 0提问于2015-08-13得票数 4
回答已采纳
我有以下几点
sortByCounter = (ps: any) => {
return Object.values(ps).sort(
(a: any, b: any) => {
return (a.Counter >= b.Counter)
? -1 : 1;
}
);
}
这会导致typescript说
Property 'Counter' does not exist on
type 'unknown'.
我没有为对象创建一个带有计数器的接口的原因是因为对象上还有
浏览 8提问于2020-11-12得票数 0
回答已采纳
我一直试图谷歌如何解决这个问题，但我有一个困难的时间，甚至想出什么搜索，所以任何帮助编辑这个问题或链接我的复制将是非常有帮助的。
用例
我有一个函数，作为第一个参数，它以“列名”的记录作为键，以接口字段作为值。例如，映射，
{
"user_id": "userID",
"email__": "email",
}
和一个界面，
interface ExpectedShape {
userID: number;
email: string;
}
铸造
出于我无法控制的原因，我的数据所在的列被命名为user_id和ema
浏览 3提问于2021-02-07得票数 0
回答已采纳
1回答
我正在学习TypeScript，并试图创建一个类似于Java的集合
HashMap<String, List<String>> hashMap = new HashMap<String,List<String>>();
我找不到任何例子。有可能在打字稿中这样做吗？有类似的东西吗？
浏览 2提问于2022-02-22得票数 2
回答已采纳
在TypeScript中，我可以选择这样的地图：
{[key:number]string}
作为一个映射的例子，其键是数字和值字符串。但我也可以这样做：
Map<number, string>
为什么我们有两种方法来做同样的事情，它们之间有什么区别呢？
浏览 5提问于2020-06-30得票数 2
回答已采纳
我有以下几点：
let x = array[stringKey]
其中数组是关联的。Typescript给出了上述错误。
如何才能简单地获得值呢？我知道字符串键存在，但typescript坚持它应该是一个索引
我希望避免关闭任何typescript规则
浏览 41提问于2019-08-09得票数 0
回答已采纳
我想以编程的方式获得TypeScript枚举的名称。
说我有一个像这样的枚举：
enum MyEnum {
v1 = 'v1',
v2 = 'v2',
}
我想通过编程获得这个枚举的名称。我尝试了以下几点：
const enumType = MyEnum
console.log(enumType.constructor.name) // I expect this to return "MyEnum"
但它会显示"Object“。
有没有一种以编程方式获取TypeScript枚举名称的方法？
浏览 3提问于2020-01-20得票数 5
回答已采纳
在TypeScript中，我经常遇到一种情况，即我有一个对象的接口：
interface MyType {
property1: string
property2: string
}
当我做这样的事：
const handleAction = (key: string, value: string) => {
const myObject: MyType = {property1: "a", property2: "b"}
myObject[key] = value
}
我得到一个错误No index signature with a pa
浏览 4提问于2020-10-11得票数 0
回答已采纳
我想根据TypeScript中另一个对象的键创建一个类型。 我已经设法通过类型推断做到了这一点。但是如果我使用显式类型Record<string, something>，那么keyof会给我string，而不是我使用的实际键的联合。 TypeScript Playground GIF 示例代码如下： type FileType = "image" | "video" | "document";
type FileTypeList = Record<string, FileType>
const inferedFile
浏览 25提问于2020-12-12得票数 0
给定一个Typescript接口： interface Product {
url: URL;
available: boolean;
price: number;
} 我想创建一个泛型类型，它可以在给定接口的情况下输出构建器类型： interface ProductSteps {
url: (data: unknown) => URL;
available: (data: unknown) => boolean;
price: (data: unknown) => number;
} 我已经尝试使用记录实用程序类型来生成生成器： type Step
浏览 40提问于2021-02-28得票数 0
回答已采纳
我尝试使用模板文字从主题对象中动态选择颜色。简化后的版本如下所示：
type Colors = {
red: string;
blue: string;
redLight: string;
blueLight: string;
};
const colors: Colors = {
red: 'a',
blue: 'b',
redLight: 'c',
blueLight: 'd'
};
type BaseColors= 'red' | 'blue';
cons
浏览 3提问于2021-09-21得票数 1
我使用的是TypeScript 3.2.2，我有一个接受对象数组的React组件。这些对象是通用的，但有几个例外:它们不能嵌套，并且必须都具有相同的形状。例如： const entries = [
{title: "foo", description: "bar", message: "hello"},
{title: "something", description: "a thing", message: "thing"},
{title: "hello"
浏览 19提问于2019-02-01得票数 2
回答已采纳
我正在尝试在Dart中找到与Map<String, String>等效的工具，但在Typescript中可用。这是一种快速定义string:string key:value store的方法。
同样，这可以像这样使用，这是我的下一个问题：
Map<String, List<String>>
这将定义一个key:value存储，其中key是字符串，值是字符串列表。
在Typescript中有什么方法可以做到这两点吗？
浏览 5提问于2018-09-29得票数 11
回答已采纳
我试图更好地理解TypeScript中查找类型是如何工作的。
我看到Tnumber被用作一个查找类型，它提供了一个联合，如下所示：
type Tuple = ['cat', 'dog', 'elephant']
type TupleToUnion = Tuple[number]
// gives union type: 'cat' | 'dog' | 'elephant'
我想使用Tstring对对象类型进行类似的查找。结果并不成功：
type Obj = { 'cat': '
浏览 10提问于2022-04-10得票数 2
我正在学习typescript，并试图定义一个遍历对象值的函数，但当我这样做时，tslint告诉我：
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{}'. No index signature with a parameter of type 'string' was found on type '{}'.ts(7053)
下面是我的代码：
func
浏览 2提问于2020-01-23得票数 0
我有一个应该返回NetworkState的函数；但是，正如代码中所看到的，函数在大多数情况下不会返回正确的类型，但是TypeScript不会出现错误。我遗漏了什么？
第二次更新：感谢大家的投入。我已经尽可能多地复制和简化了代码，完整的代码是复制和可压缩到TypeScript操场。不幸的是，为了重现问题，我必须包括所有类型，因此代码比我希望的要长一些。请看最后一行，我认为应该有一个错误(因为返回类型)，但没有。
任何帮助都是非常感谢的，谢谢。
更新和澄清：
示例1:
const someFunction = (): string => 45
上面函数的返回类型是string，但是我们返回一
浏览 3提问于2020-01-02得票数 2
回答已采纳
2回答
我正在使用TypeScript，我对它有点新手。我有一个类似这样的数组，但'orderBreakdownList‘("8“&”向上趋势“)中的键在每次加载时都不为应用程序所知。
{
"userId": "00bdad66",
"totalNumberOfOrders": 5,
"totalNumberOfPackages": 54521,
"totalNumberOfItems": 13,
"totalNumberOfDeliveredOrders": 3
浏览 5提问于2022-10-04得票数 -1
回答已采纳
我试图用ngFor遍历一个复杂的对象，但在使用推荐的键值管道时遇到了问题。当我试图将键作为参数传递给传递给在ngFor中呈现的组件的函数时，TypeScript报告“未知类型的参数不能赋值给string类型的参数”。
<div *ngFor="let item of items | keyvalue">
<component [onItemUpdate]="onItemUpdate(item.key)"></component>
</div>
TypeScript抱怨item.key的类型是未知的，onItem
浏览 12提问于2021-02-23得票数 0
回答已采纳
如何在TypeScript中要求参数是特定的字符串值？ 例如： const obj = {
a: 1,
b: 2,
c: 3,
};
interface Props {
x: Object.keys(obj); // instead of 'a' | 'b' | 'c'
}
const foo = (x: Props) => console.log(x);
浏览 19提问于2019-09-15得票数 0
回答已采纳
我理解pick类型在typescript中是如何工作的。无论如何，我想要一个它的版本，它将从接口中提取所有字符串，而不是使用键。 interface Nested {
bla: string;
other: number;
}
interface Testing {
bla: string;
other: number;
list: Array<string>;
list2: Array<string>;
list3: Array<any>;
list4: Array<number&g
浏览 23提问于2021-06-22得票数 0
与相似问题的区别
不幸的是，问题的伟大答案并没有涵盖当前问题中的问题:在这个问题的目标函数generateInputsAccessObject中，我们不使用依赖于子类型的属性。
事实上，在没有将隐式键和值类型关系传递给TypeScript泛型(即标题)的情况下，解决了上述问题，但我想现在我们不能再回避它了。
目标
创建EntitySpecification，即ProductSpecification的泛型类型，如：
properties的类型必须是非索引的，这意味着TypeScript编译器必须知道ID和price是存在的，但其他键不存在。
properties必须是可迭代的(Obje
浏览 0提问于2021-01-01得票数 0
回答已采纳
在C#中，可以使用StringComparer创建不区分大小写的字典(用于字符串类型的键)。
Dictionary<string, int> dict = new Dictionary<string, int>(StringComparer.OrdinalIgnoreCase);
我正在TypeScript中寻找相同的功能，但在线搜索时，似乎还没有将其内置到TypeScript中。
作为一种解决办法，我目前正在代码中的任何地方使用toLowerCase()，向字典中添加值或从字典中读取值。然而，这很容易出错，我正在寻找一个更好的解决方案。
示例:在添加一个值之后
dic
浏览 3提问于2019-08-28得票数 0
回答已采纳
3回答
我有以下TypeScript枚举：
enum Country {
BR = "Brazil",
NO = "Norway"
}
然后假设我有一个以Country作为参数的方法，如下所示：
someFunc = (country: Country): void => {
console.log(country) //Will print "Brazil" if country = Country.BR
console.log(Country[country]) //Same as above
conso
浏览 1提问于2018-01-16得票数 12
回答已采纳
1回答
在TypeScript中，是否可以将对象中的每个键作为泛型传递给该对象中的每个相应值？例如：
interface Items
{
[key: Key extends string]: Item <Key>;
};
interface Item <Key>
{
name: Key;
};
如果键是字符串文字，则可以实现此操作：
type Name = 'a' | 'b' | 'c';
type Items =
{
[Key in Name]?: Item<Key>;
};
inter
浏览 0提问于2019-08-27得票数 1
2回答
假设我们有这个数组
[{name:string,address:string,tel:string},{name:string, address:string, tel:string}]
数组中的每个对象都具有相同的类型。
我想要提取相同的数据，但要对每个对象进行处理
如何从第一个数组中包含的对象创建这个数组？
[name:string, name:string]
我还不熟悉javascript/typescript，我正在努力寻找一种高效的方法来实现它。
知道吗？
浏览 0提问于2018-01-23得票数 0
1回答
我知道我们可以使用冒号在TypeScript中指定变量的类型。在这里，_emitters是一个变量，其类型是在冒号之后指定的。
但是，我很难理解在下面的代码中分配给_emitters的类型。
private static _emitters: { [ID: string]: EventEmitter<any> } = {};
这可能是非常基本的，但不幸的是，我无法理解它。
浏览 2提问于2017-04-16得票数 0
回答已采纳
我不能理解typescript中的以下类型。一个obj值的例子会很有帮助。
obj: { [name: string]: string | string[]; };
我实际上是在尝试理解Angular中HttpClient的post方法中options对象的headers属性的类型：
post(url: string, body: any | null, options: {
headers?: HttpHeaders | {
[header: string]: string | string[];
};
...
}
浏览 1提问于2018-10-18得票数 1
const targetMap = {
name: "this is a string",
age: 23,
isAlive: false
};
type Filter<T> = {
fieldName: keyof T,
value: T[fieldName] // <-------------
};
const filter: Filter<typeof testMap> = {
fieldName: "name",
value: 123, // error
value: false,
浏览 17提问于2020-01-22得票数 0
回答已采纳
1回答
我是用typescript编写的，我有一个对象，它有不同的键，每个键都映射到一个值。我想遍历这些键，并用它们的值做一个异步函数。我知道您可以将.map (迭代数组)封装在Promise.all中，但是如何在for (let I in object)循环中迭代呢？我对其他选项持开放态度，这些选项允许所有密钥同时运行，但等待所有密钥完成。编辑:我不想使用Object.keys，因为我不想遍历整个对象的键值超过一次(Object.keys遍历对象键值一次，然后我将不得不迭代Promise.all)
浏览 18提问于2019-11-14得票数 1
回答已采纳
在现代的Javascript中，有可能找到JavaScript变量的内存地址吗？或Typescript变量的地址。
我对按值传递和按引用传递感到困惑，使用内存地址很容易理解现实。现在我们有了ES8和Typescript，但仍然无法获得变量和对象的内存地址。
浏览 9提问于2018-05-25得票数 19
编辑:更改标题以正确反映问题。
我试图在接口中选择特定属性的确切类型定义，但该属性是映射类型[key: string]:。我尝试使用T[keyof T]访问它，因为它是该类型中唯一的属性，但它返回never类型。
有什么方法可以像Pick<Interface, [key: string]>或Interface[[key: string]]那样提取类型吗？
我要访问的接口是type { AWS } from '@serverless/typescript';。
export interface AWS {
configValidationMode?: "
浏览 6提问于2022-02-26得票数 4
回答已采纳
2回答
这可以用lodash或任何其他javascript/typescript方式实现吗？
var obj = {
a: [ {id:1},{id:2},{id:3}]
b: [ {id:4},{id:5},{id:6}]
c: [ {id:7},{id:8},{id:9}]
}
// transform to
var arr = [
{title:a, items:[{id:1},{id:2},{id:3}]},
{title:b, items: [ {id:4},{id:5},{id:6}]},
{title:c, items: [ id:7},{id:8},{id:9
浏览 5提问于2017-03-06得票数 0
回答已采纳
我有以下TypeScript代码：
interface ICamera {
cameraId: number;
name: string;
state: string;
}
interface IState {
[id: number]: ICamera;
loading: boolean;
error: string | null;
}
interface ICameras {
[id: number]: ICamera;
}
在我的代码中，我正在接收IState的一个对象，我要做的是将它转换为ICameras (即检索对象中的number键，忽略其他属性)
浏览 0提问于2018-06-14得票数 0
回答已采纳
1回答
诚然，我是TypeScript的新手，我正在尝试创建一个通用的共享库函数getFlags，该函数接受一个字符串标识符数组并返回一个对象，该对象的键是标识符，其属性是标志对象。除了它们的config属性之外，flag对象都具有相似的形状...它会有自己独特的形状。
例如：
const flags = getFlags(['flagA', 'flagB'])
生成的flags将如下所示
{
flagA: {
name: 'a',
value: 'test1',
config: {
foo: 'r
浏览 0提问于2021-03-03得票数 0
1回答
打字稿对象模式？
、、
我刚刚启动了TypeScript，我想知道如何为这种类型的对象声明接口：
const branch = {
'CN': {
'name': 'CN Name',
'branch': 'Chinoise',
'url': 'CN URL'
},
'DE': {
'name': 'DE Name',
'branch': 'Allemande',
&#
浏览 1提问于2017-10-26得票数 0
回答已采纳
我想在TypeScript中询问关于记录的问题，目前，当我在函数中使用记录作为参数类型时，代码中会出现错误，因为它不能接受不同的类型。
type Keys = 'name' | 'qty';
const getValueByKey = <T = any>(items: Record<Keys, T>, key: Keys) => {
return items[key];
}
getValueByKey({ name: 'fulan', qty: 1}, 'name'); // Error: Ty
浏览 4提问于2022-07-23得票数 0
回答已采纳
什么是最简单的配对列表: TypeScript/JavaScript中的{enum(numeric) - object}？
假设我们有以下示例代码：
// interface for some objects
export interface ObjI {
num: number;
str: string;
}
// some objects
export const objA: ObjI = {
num: 10000,
str: "AAAA",
};
export const objA1: ObjI = {
num: 100001,
str:
浏览 0提问于2020-09-23得票数 1
这感觉像一个非常简单的问题，但我无法理解它或找到正确的例子。
假设我想创建一个ServiceProvider类，在内部将类实例映射到字符串标识符或实例构造函数。当使用时，它看起来如下所示：
let provider = new ServiceProvider();
provider.set('date', new Date());
provider.set('other', new SomeObject());
provider.get('date'); // I want TypeScript to know this is a date ob
浏览 4提问于2017-10-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
