Typescript:如何通过键来索引嵌套对象？
Typescript是一种由Microsoft开发的编程语言，它是JavaScript的超集，增加了静态类型检查和面向对象的特性。通过使用Typescript的强类型特性，我们可以在编译阶段就捕获到一些潜在的错误，提高代码的可靠性和可维护性。
在Typescript中，可以使用键来索引嵌套对象。以下是一种通过键来索引嵌套对象的示例方法：
interface NestedObject {
[key: string]: any;
}
function getValueFromNestedObject(nestedObj: NestedObject, keys: string[]): any {
let value = nestedObj;
for (const key of keys) {
value = value[key];
if (value === undefined) {
break;
}
}
return value;
}
// 示例嵌套对象
const obj = {
a: {
b: {
c: 123
}
}
};
// 通过键来索引嵌套对象
const keys = ['a', 'b', 'c'];
const result = getValueFromNestedObject(obj, keys);
console.log(result); // 输出：123上述示例中，我们定义了一个NestedObject接口，它使用了索引签名[key: string]: any，表示可以通过任意字符串类型的键来索引对象，并返回任意类型的值。
然后，我们定义了一个getValueFromNestedObject函数，它接受一个嵌套对象和一个键数组作为参数。函数通过遍历键数组，并逐级访问嵌套对象的属性，最终返回对应的值。
在示例中，我们定义了一个嵌套对象obj，并通过getValueFromNestedObject函数来获取嵌套对象中键['a', 'b', 'c']对应的值。最后，我们使用console.log输出了结果。
注意，上述示例中仅展示了如何通过键来索引嵌套对象的基本方法。在实际应用中，我们还需要考虑错误处理、边界情况等其他因素。此外，具体应用场景和优势会根据不同的业务需求而有所差异。
腾讯云相关产品和产品介绍链接地址：（此处不提及其他品牌商，仅展示腾讯云相关产品）
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/industry/vgame
- 更多腾讯云产品：https://cloud.tencent.com/product
请注意，以上链接仅为示例，具体产品和解决方案选择应根据实际需求进行评估和决策。
相关·内容
在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
回答已采纳
1回答
我正在AWS上运行AWS，还没有完全理解如何正确地解决这个问题。
现在，我将项目存储在DynamoDb上，并使用dynamodb streams将项目发送到lambda，然后在创建/更新项目时使用将其发送到elasticsearch。
有些属性可以是具有许多嵌套属性的对象，这些属性本身也可以是对象，而当添加了这些新字段时，我第一次开始得到这个错误。由于这些项目的性质，这些新的属性将需要在未来的搜索。
最初，默认的索引值没有被更改。在我第一次搜索如何解决这个问题后，我把限制提高到了5000，现在不得不增加到12000。实例类型是t2.small.elasticsearch。在我提高索引限制之后，
浏览 5提问于2020-06-11得票数 0
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
回答已采纳
我试图在TypeScript中创建一个条件类型，它区分“记录”类型(其中键是无界/动态的)和普通对象类型(其中键是预定义的)。
type R = { [x: string]: any }
type O = { a: string; b: number }
我可以获得类型的键，并检查一些有希望肯定不存在的属性：
type R = { [x: string]: any }
type O = { a: string; b: number }
type IsRecord<T> = '__NEVER__' extends keyof T ? true : false
ty
浏览 1提问于2020-11-24得票数 1
回答已采纳
这是javascript或typescript foreach的一个非常常见的用法：
myArray = ["a","b","c"]
for(var index in myArray)
console.log(myArray[index])
代码日志:a、b和c
但是，在类型记录中，"index“var被认为是字符串。。当我进行任何计算时，例如索引*2，TS强制程序会显示合并编译器错误：
for(var index in myArray)
console.log(index * 2); // TS compiler e
浏览 2提问于2016-07-29得票数 10
回答已采纳
我写TypeScript已经有一段时间了，我对索引签名意味着什么感到困惑。
例如，此代码是合法的：
function fn(obj: { [x: string]: number }) {
let n: number = obj.something;
}
但是，这段代码基本上是一样的，但它不是：
function fn(obj: { [x: string]: number }) {
let p: { something: number } = obj;
}
这是个虫子吗？这意味着什么？
浏览 8提问于2019-10-18得票数 15
1回答
打字稿对象模式？
、、
我刚刚启动了TypeScript，我想知道如何为这种类型的对象声明接口：
const branch = {
'CN': {
'name': 'CN Name',
'branch': 'Chinoise',
'url': 'CN URL'
},
'DE': {
'name': 'DE Name',
'branch': 'Allemande',
&#
浏览 1提问于2017-10-26得票数 0
回答已采纳
我的代码中出现了这两个错误，我如何修复这些错误，而不用为这一行使用“抑制下一行反应/jsx-道具-无传播/或eslint-禁用-下一行反应/jsx键”呢？
<UitkTableHead>
{headerGroups.map((headerGroup) => (
<UitkTableRow {...headerGroup.getHeaderGroupProps()}> // Prop spreading is forbidden
{headerGroup.heade
浏览 4提问于2022-04-04得票数 1
回答已采纳
1回答
想象一下像这样的东西。
[
{
type: "question",
answers: [
{
type: "answer",
upvotes: [
{
type: "upvote"
}
/* more upvotes */
],
comments [
{
type: "comment"
}
浏览 0提问于2015-04-12得票数 12
在VSCode中尝试此TypeScript时遇到错误：
enum Desg {
Consultant,
Engineer
};
interface Employee {
Name: string;
Role: Desg;
}
let names: string[] = ['Sunit', 'Duke'];
//Complains about Name property missing
function* getEmp(): Employee {
for (let n in names) {
if (n
浏览 0提问于2017-05-19得票数 0
假设我有以下sum()方法来对多维数组列值进行求和：
export class MathUtils {
static sum(values: Record<string, unknown>[], key: string): number {
return values.reduce((acc, cur) => acc + cur[key], 0);
}
}
现在，我想使用TypeScript来执行以下操作：
key参数应该始终是values[index]对象之一，keysvalues[index][key]必须是number类型。它还应该允许键
浏览 2提问于2021-05-10得票数 0
回答已采纳
4回答
从我所看到的情况来看，这似乎是一个常见的困惑来源，显然我也不例外。我已经读了一些关于这方面的教程，但我仍然不能完全理解它。据我所知，数组是Javascript中的对象，就像String和其他变量类型一样。但是我仍然不明白这如何帮助我声明一个带有字母数字键的多维数组。
在PHP中，我可以简单地写：
$calendar = array();
foreach ($schedule->currentExhibitions as $key) {
$calendar[$key["ExhibitionID"]]["startDate"] = date("
浏览 1提问于2013-04-29得票数 3
回答已采纳
我刚开始使用typescript，不知道如何实现multimap。我有如下代码。我需要遍历itemArray并根据日期存储项目。我需要使用日期作为多重映射的关键字。如何在不使用任何外部库的情况下实现此功能？
interface Item {
id: number;
date: string;
}
interface Details{
itemArray: Item[]
}
浏览 35提问于2020-08-01得票数 1
回答已采纳
如何将下面的Javascript转换成TypeScript？ function getProperties(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(obj[key]);
}
}
} 我找不到一个可行的解决方案。TypeScript中的对象键显然不是string类型，而是string literal type类型。有没有可能遍历编译时不知道确切类型的对象的属性？
浏览 17提问于2020-09-24得票数 0
回答已采纳
我正试图找到一种在Dictionary 1.8中实现TypeScript的简单方法。在网络上有几个实现建议，但最吸引人的是：
var MyDictionary: { [id: number]: string };
不幸的是，我并不真正理解这段代码的含义。MyDictionary是{ [id: number]: string }型的，但这到底是什么意思？反过来，[id: number]: string是什么意思？这也是一种类型吗？我猜id是关键，但它的值似乎是无名的。
例如，我如何遍历字典并提取键/值对？我在代码中非常广泛地使用underscore.js，因此建议使用这个库进行迭代和操作。
浏览 14提问于2016-05-20得票数 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
回答已采纳
我使用的是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
回答已采纳
1回答
我有一个TypeScript对象，它的属性包含另一个对象，这些对象都包含函数属性。即，它符合这个接口：
interface ObjectOfFunctions {
[key: string]: Function;
}
interface ObjectOfObjectsOfFunctions {
[key: string]: ObjectOfFunctions;
}
我正在尝试创建一个类型，该类型表示这些内部函数的所有返回类型的并集。
我已经设法让它在单个对象上工作，使用以下方法：
export type PropertyReturnTypes<T> = T[key
浏览 20提问于2019-08-22得票数 0
回答已采纳
下面的代码块返回一个TypeScript错误。
元素隐式具有“任意”类型，因为“string”类型的表达式不能用于索引类型{ id: string；path: string；basename: string；createdOn: string；modifiedOn: string；content: string；}‘。
方括号在JavaScript (或使用//@ts-ignore)中工作得很好。
在TypeScript中，正确的方法是什么？
export interface Data {
[key: string]: {
id: string
path: stri
浏览 0提问于2020-02-27得票数 1
回答已采纳
3回答
我对TypeScript (和js)很陌生，这可能是基本的：
const myObj = {
"name": "Johnny",
"age": 29
}
const accessProperty = (key : string) => {
if(key in Object.keys(myObj)) {
// TODO: access myObj.key...
}
}
如何访问由keyIs表示的myObj属性--这是检查key是否确实是myObj属性的正确方法
谢谢。
浏览 7提问于2022-08-18得票数 -1
回答已采纳
我的数据结构是这样的：
groups = {
someGroupName: {
total: 30,
count: 3,
average: 10
},
someOtherGroupName: {
total: 60,
count: 3,
average: 20
}
}
我可以为嵌套部分编写一个接口：
interface Stats {
total: number,
count: number,
average: number
}
但是我怎么才能
浏览 0提问于2018-06-22得票数 6
回答已采纳
在编写这段TypeScript代码时，我惊讶地发现，当我将字符串转换为数字时，TypeScript编译器没有警告我。
var a = new string[];
a.push('a')
a.push('b')
a.push('c')
var i:string;
for (i in a) {
var c : number = a[i]; <---- Here a is string[] but I assign it to c which is number
alert(c.toString())
}
浏览 0提问于2012-10-19得票数 8
回答已采纳
我想把这段代码转换成typescript。仍然很新，我相信这里有一个微不足道的答案。
问题的症结在于，对象上的键应该能够接受任何可能的值(作为增强，甚至可能是嵌套对象，但这是稍后才会出现的)。
我如何让TypeScript知道允许一个键的参数，假设它可以是任何字符串？
// Creates an array of options.
// With current libs, it'll format to objects with this shape: {label: string; value: string}
// interface Option {
// label:
浏览 0提问于2021-02-18得票数 0
目前，在TypeScript中，可以编写：
const r: Record<string, string> = {
"42": "42_value"
};
console.log(r[42]);
指纹：
"42_value"
我是否可以禁止将数字作为索引传递给Record<string, string>索引操作符，并禁用number到string的自动转换？或者我应该使用其他类型而不是Record来强烈指定键类型和强制编译器在行console.log(r[42])上的错误。
浏览 0提问于2021-11-16得票数 1
回答已采纳
如何定义在对象中包含可选数据的TypeScript接口？
我的意思是：
export interface IMyInterface
{
name: string;
data:
{
size: number;
color?: string;
[any: string]?: any; // Error on this line!!!
};
};
我知道您可以使用“？”来定义可选数据。像这样的签名：
color?: string;
但是如何在对象中定义额外的可选数据。
let myObj: IMyInterface =
{
name: "t
浏览 5提问于2018-01-15得票数 2
回答已采纳
使用typescript构建这个reducer，并试图将许多类型组合在一起，将一些东西归档为这个typescript模型：
type/interface DishOrderState {
id: string
withoutIngredients: string[]
[key: string]: string
initialState: {
id: string
withoutIngredients: string[]
[key: string]: string
}
}
state可能如下所示
{
id: '123'
w
浏览 0提问于2021-04-20得票数 0
我有以下(几乎)可以正常工作的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
回答已采纳
我需要的非常简单，我只想初始化一个对象，这个对象是我正在初始化的另一个对象的子级。在C#中，它看起来像这样：
var car = new Car {
serialNumber = 25,
engine = new Engine {
horsePower = 500
}
}
在这个示例代码中，我在初始化Car类型时初始化引擎类型。在尝试使用TypeScript执行此操作时，无论我尝试什么操作，我都会遇到语法错误。
下面是我的TypeScript代码：
var car: Car = new Car({
serialNumber: 25,
engine: new Engin
浏览 0提问于2017-03-01得票数 5
回答已采纳
typescript中的Record类型定义为： type Record<K extends keyof any, T> = {
[P in K]: T;
} 我不明白为什么这里要用keyof any。 检查后，我发现keyof any的类型是string | number | symbol。为什么会这样呢？
浏览 131提问于2019-04-05得票数 14
回答已采纳
我们有严格的零排放政策。这意味着所有错误和警告都需要修复。
在我们的项目中，面对这一愚蠢的错误：
warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any
在Google和lint网站上搜索。我没有找到这样的解决办法！
尝试过：// eslint:@typescript-eslint/no-explicit-any: "off"不起作用
有没有人知道如何在React项目中绕过这个eslint规则？
浏览 15提问于2019-10-19得票数 41
我在MongoDB中有一个类型哈希的映射，名为"meta_info“，它简单地保存了一些东西的键/值列表，我想让它成为Symfony2中的一个表单，可以动态地(用js)增强，让它看起来(基本上)是这样的：
<input type="text" name="meta_info[key][]" /><input type="text" name="meta_info[field][]"> [- remove row]
<input type="text" name="m
浏览 0提问于2012-09-21得票数 0
回答已采纳
// common.js
const boxNames = ['one', 'two'];
module.exports {
boxNames,
}
const common = require("./common.js");
const boxNames = common.boxNames;
const messages = {
'one': {
id: 'some id',
text: 'some text',
},
'two': {
浏览 2提问于2021-06-12得票数 2
回答已采纳
我想在python中读取json文件，并提取information.Here是json文件的一部分：
{"diagnostics":
{"updated_at":"2019-03-24T15:32:28.272Z"
,"payload":
{"service":
{"publish":
...
下面是我的python代码：
import json
import requests
url="https://XXXXX/di
浏览 1提问于2019-03-24得票数 1
回答已采纳
我需要搜索有多少人有一个特定的朋友(按名字)，而JSON中的每条记录都有一组朋友。如何到达mongoDB shell中对象数组中字段"name“的值？也许在对该字段执行搜索之前，需要对该字段进行索引？
"friends" : [{ "id" : 0, "name" : "Baird Fitzpatrick" }, { "id" : 1, "name" : "Karyn Benjamin" }, { "id" : 2, "name" : &#
浏览 0提问于2018-05-14得票数 0
回答已采纳
我如何索引nested和它的所有值？
B.如何对valuetwo进行索引
{
id: 00000,
attrs: {
nested:{
value: value1,
valuetwo: value2,
}
}
}
我在这里看过:据我所知，和文档并不清楚如何索引未嵌套的内容。
浏览 0提问于2012-03-16得票数 55
回答已采纳
我有一个非常简单的问题，我想在TypeScript中循环一个对象。
const an_object = {
one: 1,
two: 2,
three: 3
};
for (let key in an_object) {
let value = an_object[key];
// Do something with value
}
此行let value = an_object[key];导致TypeScript错误：
react脚本元素隐式具有“任意”类型，因为“string”类型的表达式不能用于索引类型“{一:数字；二:数字；三:数字；}”。
浏览 5提问于2020-01-13得票数 5
回答已采纳
我有以下几点：
let x = array[stringKey]
其中数组是关联的。Typescript给出了上述错误。
如何才能简单地获得值呢？我知道字符串键存在，但typescript坚持它应该是一个索引
我希望避免关闭任何typescript规则
浏览 41提问于2019-08-09得票数 0
回答已采纳
我正在研究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
2回答
我已经安装了Visual 2012必需的TypeScript和Web。
在一个新的TypeScript项目中创建了3个文件：
default.html
app.css
app.ts
在所有教程中，VS 2012都会自动为资源管理器中的app.ts文件创建下拉列表，其中隐藏的是app.js文件。
如下图所示：
但在我的例子中，"app.ts“和新的TypeScript文件”file1.ts“没有发生这种情况：
在VS 2012的设置中，我需要做什么来自动创建和查看输出的js文件？
浏览 1提问于2013-11-20得票数 4
TypeScript重新映射对象的方式是什么？
如何在保持类型安全的情况下实现相同的功能？
type FooBar = 'Foo' | 'Bar';
type Obj = { [key in FooBar]?: string[] }
const obj: Obj = {};
const newObj: Obj = {};
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
const value = ...
目前，我看到打字错误：
元素隐式具有'any‘类型，因为
浏览 4提问于2020-03-13得票数 1
我从David Walsh的css动画回调中提取了代码，并将其修改为TypeScript。然而，我得到了一个错误，我不知道为什么：
interface IBrowserPrefix {
[key: string]: string;
}
// http://davidwalsh.name/css-animation-callback
function whichAnimationEvent() {
let x: keyof IBrowserPrefix;
const el = document.createElement('temp');
const brows
浏览 105提问于2018-11-29得票数 10
回答已采纳
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回答
我正在尝试创建一个接口/类型定义，当在联合类型中使用时，它禁止接口的子级中的某个键(这里，我想为Abc找到正确的定义)：
type Abc = {
someField: {
prohibited?: never,
},
};
type UsedHere = {someField: {anotherField: string}} & Abc;
我已经尝试过prohibited的类型never，undefined和void，有没有?，但是typescript总是告诉我，当我创建一个类型为prohibited的变量时，我需要一个UsedHere的值。我如何告诉
浏览 14提问于2020-03-02得票数 0
回答已采纳
1回答
从方法对象中求取窄类型
、、、、
我想要像这样的缩小类型：
type Expected = {
method: 'firstNamespace/firstMethod'
payload: [string]
} | {
method: 'firstNamespace/secondMethod'
payload: [number, number]
} | {
method: 'secondNamespace/firstMethod'
payload: [number]
}
从这样的方法对象中：
const Methods = {
浏览 2提问于2021-10-13得票数 4
回答已采纳
我正在使用Typescript泛型构建API抽象，但我正在努力寻找一种优雅的语法来让事情按我所希望的那样工作。这是我成功实现的一个虚拟版本。有没有关于如何简化事情的想法？
interface ExampleInterface {
LevelOne: {
LevelTwo: {
keyOne: string;
keyTwo: number;
keyThree: boolean;
}
}
}
class ExampleClassOne <T1, K1 extends keyof T1> {
requestMethod&l
浏览 2提问于2021-09-23得票数 3
如果我想让string:object字典在TypeScript中进行类型检查，有两种方法可以做到这一点：
const m = new Map<string, MyObject>();
m.set("a", new MyObject("a"));
m.set("b", new MyObject("b"));
和
const m : {[index: string]: MyObject} = {};
m["a"] = new MyObject("a");
m["b"] = n
浏览 2提问于2019-04-22得票数 3
回答已采纳
2回答
我所知道的
当使用具有角的ui状态的TypeScript时，我可以提供“类型断言”和UI-路由器绝对类型的库。
使用此方法，我可以注入$state并具有类似于以下代码的代码
function myCtrl($state: ng.ui.IStateService){
// Some code
}
这为$state的方法提供了正确的自动完成/错误报告。
到目前为止，一切都很好。
问题所在
当我尝试访问params的属性时，如下所示
function myCtrl($state: ng.ui.IStateService){
// Trying to access a property
浏览 11提问于2016-05-23得票数 3
回答已采纳
1回答
我正在尝试处理类型记录中的模型验证。我希望能够捕获验证定义的嵌套类型。
例如，我希望能够像这样创建验证器。
const validateUser = createValidator({
name: {
first: {
value: "First"
},
last: {
value: "Last"
}
},
age: {
value: 32
},
hasOnboarded: {
value: false
}
});
这将创建一个validateUser函数，该函数接受
浏览 0提问于2018-10-30得票数 2
回答已采纳
在我的TypeScript代码中，我发现了一个看似模糊的错误，这使我完全困惑，而搜索文档和互联网并没有找出原因。我在下面包含了一些虚拟代码，这些代码演示了我在实际项目中遇到的问题。在这个示例代码中，问题围绕着代码末尾的“动物”对象和后面的"for“循环。
对于末尾包含的完整代码，如果动物对象如下所示，则不存在TypeScript错误。
let current = "carnivores";
const animals = {
carnivores: [wildCarnivores, domesticCarnivores,],
herbivores: [wild
浏览 18提问于2022-09-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
