基于TypeScript中另一个对象的类型创建一个对象
在TypeScript中，可以使用另一个对象的类型来创建一个新的对象。这可以通过使用类型断言或类型推断来实现。
- 类型断言： 类型断言是一种告诉编译器某个值的类型的方式。可以使用类型断言来创建一个新的对象，其类型基于另一个对象的类型。
const obj1 = { name: 'Alice', age: 25 };
const obj2 = { ...obj1 } as { name: string, age: number };在上面的例子中，我们使用类型断言as { name: string, age: number }来告诉编译器obj2的类型应该是具有name和age属性的对象。
- 类型推断： 类型推断是编译器根据变量的值推断出其类型。可以使用类型推断来创建一个新的对象，其类型基于另一个对象的类型。
const obj1 = { name: 'Alice', age: 25 };
const obj2 = { ...obj1 };在上面的例子中，编译器会根据obj1的类型推断出obj2的类型。
无论是使用类型断言还是类型推断，都可以根据需要创建一个新的对象，其类型基于另一个对象的类型。
这种创建新对象的方式在实际开发中非常常见，特别是在复制对象或创建对象的变体时。它可以帮助我们避免手动定义对象的类型，提高代码的可维护性和可读性。
对于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档或官方网站获取更详细的信息。
相关·内容
我有一个具有以下结构的JavaScript对象：
{
"_index": 1,
"foo": { ... },
"bar": { ... },
"baz": { ... },
}
也就是说，对象总是有一个带有数字值的属性_index，然后所有其他键(因为它被用作映射而没有定义)都有另一个特定对象的值。
我在TypeScript中尝试了以下类型
type Properties = {
_index: number
}
type Fields = {
// its not important what Me
浏览 0提问于2018-06-05得票数 1
回答已采纳
我知道typescript类型不是运行时变量。但是有没有办法解决如何打印类型名称和变量呢？
type TestDto = {
active: number;
user_name: string;
};
console.log(TestDto);
抛出only refers to a type, but is being used as a value here.
我想创建基于TS类型的对象属性。我想用active属性创建JS对象，用一些默认值创建user_name对象
浏览 9提问于2021-05-28得票数 7
我有两个应用程序，一个是用TypeScript编写的，另一个是用React编写的。在复制TypeScript中现有的功能以开发React中的工作版本时，浏览器控制台会抛出语法错误，并对转换程序错误抛出babels。
是否响应支持语法，如：Array<File>或<Array<File>>？请解释一下为什么或者为什么不。
我经常在允诺/可观察的代码中看到这些符号，而在本例中，这些符号用于文件。以这种方式实例化对象的目的是什么，它比简单实例化空数组有什么好处？
浏览 8提问于2017-02-18得票数 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
在JavaScript中，使用===而不是==通常被视为最佳实践，原因显而易见。
在TypeScript中，哪一个是首选的？有没有比另一个更可取的呢？
我的意思是，在TypeScript中使用===是没有意义的，因为比较已经只适用于相等的类型，因此你不会像在普通的JavaScript中那样(或多或少有趣地)玩强制游戏。如果你暂时把与JavaScript的兼容性放在一边，TypeScript甚至可以摆脱===，不是吗？
浏览 3提问于2019-07-20得票数 39
回答已采纳
我很难理解打字稿的界面规则。我理解以下代码块会引发错误，因为id属性没有在接口中定义：
interface Person {
name: string;
}
let person: Person = { name: 'Jack', id: 209 }
但是，如果我试图通过分配另一个对象来添加TypeScript属性，为什么TypeScript而不是会抛出一个错误呢？例如，像这样：
const samePerson = { name: 'Jack', id: 209 };
person = samePerson;
person对象最终得到id属性，即使它没
浏览 3提问于2021-07-22得票数 5
1回答
我继承了一个Typescript项目(有.ts)，但是我？似乎无法解决如何在Typescript文件中创建全局变量并访问另一个全局变量。
我刚开始打字，所以请耐心听我说。
我没有使用Angular - saw这个链接
非常感谢您的任何指点。
浏览 0提问于2020-11-05得票数 0
1回答
我想将带有对象的数组对象转换为枚举。我正在使用TypeScript，这里是一个片段：
const data = {
TERRITORIES: [
{ 'slug': 'world', 'label': 'World'},
...
],
MEDIAS: [
{ 'slug': 'pay-tv', 'label': 'Pay-TV' },
...
]
}
我知道，如果您创建一个enum，TypeScript就会这样做：
var SomeEnum;
浏览 22提问于2019-09-18得票数 0
回答已采纳
我想从typescript代码库中建模一些接口和类。我想知道在Java中对typescript联合进行建模的最佳方法。像这样的东西-
export type a = b | c | d | e | f;
export type b = {
..
}
export type c = {
..
}
..
用Java对此进行建模的最佳方式是什么？
例如：Class A = Class B or Class C or Class D;这意味着A可以是这些类中任何一个的对象。我正在寻找一个类的解决方案。但另一个例子是。export type numberString = string
浏览 2提问于2021-03-10得票数 0
我使用TypeScript输入以下内容： const k = {
container: {
width: '100%',
},
} 当我使用智能感知时，TypeScript发现我的对象k有一个名为container的属性似乎很酷。它工作得很好。现在，我想限制属性的值，所以我声明了一个接口： interface StyleSet {
[key: string]: React.CSSProperties
} 现在我将类型添加到前面的对象中，所以我们有： const k: StyleSet = {
container: {
width: '10
浏览 48提问于2020-09-17得票数 0
3回答
我在typescript中从模型创建对象时遇到了问题。
export interface ICompliance {
id?: number;
notes?: any;
dueDate?: Moment;
type?: ComplianceType;
createdBy?: string;
updatedBy?: string;
updatedAt?: Moment;
createdAt?: Moment;
file?: IFile;
project?: IProje
浏览 1提问于2019-06-11得票数 0
我想要创建一个类型，它用given object的键创建一个对象，值是从given object的联合类型创建的另一个对象。
// It works, but Typescript is unhappy
type makeSortOptions<T extends Record<"albums" | "tracks", string>> = {
[key in keyof T]: { [value in T[key]]: "ascending" | "descending" }
}
type Sor
浏览 3提问于2022-09-01得票数 -1
回答已采纳
我有一段TypeScript代码，我很难理解。我对TypeScript相当陌生。
export const TerminalWidgetOptions = Symbol("TerminalWidgetOptions");
export interface TerminalWidgetOptions {
endpoint: Endpoint.Options,
id: string,
caption: string,
label: string
destroyTermOnClose: boolean
}
有人能告诉我上面的代码到底发生了什么吗
浏览 0提问于2018-04-12得票数 16
回答已采纳
1回答
类型记录接口:数组和对象的数组
、、、、
我在TypeScript界面上遇到了麻烦。
我总是做一些简单的界面，如下所示。
{ a: 1}
interface A {
a: number
}
但这一次我很迷茫。
这是我的函数返回的结果，我想为它创建一个接口。
[
[ 0 ],
{
acknowledged: true,
modifiedCount: 1,
upsertedId: null,
upsertedCount: 0,
matchedCount: 1
}
]
它是一个数组，它的内部有另一个数组和一个对象。
我会很高兴你的帮助。
谢谢！
浏览 2提问于2021-12-23得票数 -1
2回答
我想写一个函数，它返回一个包装在另一个组件中的组件。我尝试用JavaScript编写的函数如下所示。
function GetGroup({ name, text, isRequired, ...props })
在这里，name、text和isRequired是从传递的参数中获取的，其他参数作为props发送到另一个组件。
如何在TypeScript中编写？
浏览 1提问于2018-02-14得票数 4
回答已采纳
我正在尝试创建一个具有两个类型参数的TypeScript函数，其中一个类型参数使用另一个类型参数：
interface Wrapper<T> {
value: T;
}
function func<T, W extends Wrapper<T>>(val: T, takesWrapper: (w: W) => void) {
const wrapper: W = { value: val };
takesWrapper(wrapper);
}
func(32, num => { console.log(Math.abs
浏览 2提问于2016-11-19得票数 0
回答已采纳
我正在尝试为typescript中的react-redux项目创建一个调度操作接口。我希望能够根据另一个对象决定操作接口中的类型属性，该对象具有可以调度的所有类型。
输入：
const FooActions = {
REMOVE_FOO: "removeFOO",
ADD_FOO: "addFOO",
UPDATE_FOO: "updateFOO",
};
interface FooActionType {
type: "MAP ALL property values from FooActions
浏览 20提问于2019-08-20得票数 1
2回答
我将React与TypeScript一起使用，并希望确保状态类型仅限于对象中的值，如下所示。 考虑一下 const [proessStatus, setProcessStatus] = useState<ProcessState>(); useState必须只接受来自ProcessState对象的值作为参数。 const ProcessState = {
NOT_STARTED: 'NOT_STARTED',
STARTED: 'STARTED',
LOADING: 'LOADING',
FINIS
浏览 10提问于2021-03-25得票数 1
我得到了枚举
enum Status {
Cancelled = 'cancelled',
Completed = 'completed',
Created = 'created'
}
并且我想创建另一个仅包含已完成和已创建值的枚举
enum StatusMinimal {
Completed = 'completed',
Created = 'created'
}
我尝试使用Omit，但它只适用于类型。有没有可能用typescript来做呢？
浏览 31提问于2021-03-11得票数 1
2回答
Typescript具有Partial<Object>类型，有助于使对象的所有字段都是可选的。
是否可以以同样的方式创建一个泛型类型Promisify<Person>，它将Person类型从：
interface Person {
getName(): string;
getAge(): number;
}
至：
interface PromisifyPerson {
getName(): Promise<string>;
getAge(): Promise<number>;
}
我有一个通过Typescript接口描述的同步AP
浏览 1提问于2017-11-22得票数 3
如何在TypeScript 0.9.0.1中创建类型化数组？在0.8.x.x中，我创建了一个类型数组，如下所示：
public myArray: myClass[] = new myClass[];
但是在TypeScript 0.9.0.1中，我得到了这个错误：
error TS2068: 'new T[]' cannot be used to create an array. Use 'new Array<T>() instead.
如果我尝试以下方法：
public myArray: myClass[] = new myClass<myClass
浏览 1提问于2013-07-17得票数 14
让我在这个问题的开头说一句，我是刚接触typescript的新手，但我是一位长期的JavaScript开发人员。
我有一个现有的JavaScript应用程序，我希望过渡到typescript。在JavaScript应用程序中，它调用rest API来获取数据，然后检查它是否存在，然后有条件地呈现应用程序。在JavaScript中，我可以动态检查响应对象上是否存在属性，并有条件地呈现它。在typescript中，它抛出一个错误，因为数据是任何类型的，并且它不知道该属性是否存在。
在typescript应用程序中，为所有API响应创建类型以确保它们的类型安全是很常见的吗？使用node作为您的后端，
浏览 4提问于2020-09-26得票数 1
3回答
我希望在TypeScript中创建一个类型，并使用另一个对象的值作为其键。
const routes = {
home: "HOME",
profile: "PROFILE"
}
export type NavigatorParamList = {
[routes.home]: undefined;
[routes.profile]: undefined;
};
我知道这个代码不起作用！知道怎么做吗？
浏览 7提问于2021-12-25得票数 3
回答已采纳
在TypeScript/ECMAScript6中，用一个任意对象扩展另一个对象的等价物是什么？
本质上像jQuery中的$.extend(target, src)或ExtJS中的Ext.apply(target, src, defaults)这样做。
我想要有一个类构造函数，它简单地将一个配置对象应用到由构造函数创建的对象实例上，如下所示：
class Address {
country: string;
postCode: string;
city: string;
street: string;
houseNu
浏览 2提问于2015-06-25得票数 1
我对Angular项目和TypeScript的语法有问题，我创建了一个新的空Angular项目，但是PhpStorm (2019.2.1)不能识别TypeScript语法。
浏览 0提问于2019-09-13得票数 2
Microsoft提供了一个新的TypeScript编译器变体，名为 TypeScript
我找不到关于它的任何文档，而且我无法将它安装到我的TypeScript 1.0系统中，因为它需要TypeScript 0.9.5。
TypeScript TypeScript 和 Safer 有什么区别？
浏览 0提问于2014-07-03得票数 8
回答已采纳
给定一个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
回答已采纳
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
回答已采纳
我正在做一个TypeScript项目，我需要创建一个服务函数。所以我用这种格式创建：
interface UserService {
name: string;
age: number;
complement: string;
}
const userService = ({ name, age, complement }: UserService) => {
// CODE
};
考虑到TypeScript中的最佳实践，使用第二种格式可以吗?还是需要键入作为第一种格式传递给的对象？
第一种格式：
const user: UserService = {
name:
浏览 2提问于2022-05-18得票数 0
回答已采纳
更新：
“为什么”用另一个问句来回答。
“如何修复”现在是一个新的问题：
原件：
我遗漏了错误声明，因为类型记录没有告诉我我添加了不正确的数据。
为什么打字稿允许这样做？
这是一个错误，或者这是什么原因？
参见这里的代码框：
interface ITester {
string1: string;
}
type TestType<S = any> = (item: S) => S | undefined;
const Foo: TestType<ITester> = input => {
return {
...input,
浏览 1提问于2019-10-23得票数 0
在4.9份声明中，他们描述了现在的。于是，我把他们的例子带到操场上，对它进行了修补。我发现typeof和in的不可能情况正在缩小到never，而不是生成警告或错误：
// Should be illegal but doesn't error out...?
if (typeof packageJSON.name === "string" && typeof packageJSON.name === "number") {
我认为TypeScript可以推断packageJSON.name是一个字符串，这意味着不可能检查packageJS
浏览 6提问于2022-10-07得票数 0
回答已采纳
3回答
我想创建类似于using循环的对象，其中我有单独的国家代码数组和另一个纬度和经度数组，是否有方法在typescript中实现这一点，
var latlong={
'us': {'latitude':39.528019315435685, 'longitude':-99.1444409552122},
'fr': {'latitude':46.62065825554313, 'longitude':2.4521888685061306}
}
浏览 1提问于2018-10-25得票数 0
1回答
我对打字稿中的这个名字有点困惑。
在集合论中，交集意味着只有两种类型共有的属性才能在两种类型的交集中使用。
事实上，如果我在原语之间创建一个交集，那么类型记录就是这样的。
type A = string | number
type B = number | boolean
type C = A & B
type D = string
type E = number
type F = D & B
在这种情况下，TS推断C为number，F为never。
但是，当涉及对象时，创建一个交集会创建一个新的类型/接口，该类型/接口组合了所使用类型的属性-
从文件
浏览 2提问于2022-01-23得票数 3
回答已采纳
例如，我制作了一个名为JavaScript的库，我想知道如何使它在TypeScript类型系统中工作。
这个库允许我们通过将一个对象-文字传入API来定义一个类，如下所示，我想知道如何使它返回与编写常规class {}相同的类型
import Class from 'lowclass'
const Animal = Class('Animal', {
constructor( sound ) {
this.sound = sound
},
makeSound() { console.log( this.sound ) }
})
const
浏览 0提问于2018-06-17得票数 1
回答已采纳
1回答
我使用的是TypeScript 2.5.2。我尝试将TypeScript 2.2.2降级为2.2.2，这与在另一个项目中使用的代码相同。
**错误:文件: Weather.tsx‘严重性：'Error’消息：‘type的参数’(响应: IListItem) => void‘不能分配给类型的参数’(值：{ =>：IListItem；}) =>‘。参数‘响应’和‘值’的类型是不兼容的。
类型'{ with : IListItem；}‘与类型’IListItem‘没有共同的属性。’**
语法有什么问题吗？
上的源代码
浏览 5提问于2017-09-21得票数 0
回答已采纳
我想要定义一个函数作为参数获取另一个函数f及其参数args，并且我希望类型记录确保传递的参数对传递的函数是正确的。
伪码
function A (n: number, s: string, b: boolean) {
...
}
function B (f: Function, ...args: typeof arguments of f) {
...
f(args)
}
B(A, 1, 'str', true) // typescript is happy
B(A, 1, 'str') // typescript is sad
B(A, 1,
浏览 5提问于2022-03-23得票数 2
回答已采纳
我在HTML application with TypeScript中使用File > New > Project创建了一个空白的VS2015。
我在一个tsconfig.json文件夹中添加了一个基本的/scripts，并希望VS读取该文件并将.js文件输出到另一个文件夹中。不幸的是，什么都没发生。虽然VS甚至还没有找到tsconfig.json
还有其他人有这个问题吗？
我知道1.5之前有一个问题，但之前的修复似乎不起作用：
这里有一个示例tsconfig.json
{
"compilerOptions": {
"noImplicitAny
浏览 5提问于2015-09-08得票数 5
回答已采纳
我有一个界面，就像：
export interface Person {
name: string;
isMillenial: boolean;
}
以及输出该接口的函数，如：
function makePerson(name: string, birthYear: number): Person {
let newPerson = {
name
}
// Calculate various properties, slowly building up the `newPerson` object
newPerson.isMillenial = birthYe
浏览 6提问于2021-05-12得票数 2
回答已采纳
在Java中是否有一种方法可以内联地创建对象，比如使用方括号的TypeScript中的对象，并在Iterable中使用它们？
如果这是不可能的，那么实现此功能的最佳方法是哪一种？
示例：
public Iterable<{ "month" : String, "hours" : double }> getHoursGroupByMonth(int userId);
浏览 5提问于2022-06-21得票数 2
回答已采纳
2回答
我正在尝试从另一个对象扩展一些属性：
interface IAlice {
foo: string;
bar: string;
};
interface IBob extends IAlice {
aFunction(): number;
anotherValue: number;
};
let alice: IAlice = {
foo: 'hi',
bar: 'bye'
};
let bob: IBob = Object.assign({}, alice); // Typescript error no aFunction &a
浏览 14提问于2018-08-17得票数 2
回答已采纳
通常，要确定TypeScript中的变量类型，我可以这样做： if (typeof payload === 'string') {
console.log(payload) // const payload: string
} 但是这个不起作用： if (typeof payload === 'object') {
console.log(payload) // const payload: any
} Here's typescript playground with some non-working examples I ended
浏览 22提问于2020-11-22得票数 0
回答已采纳
我创建了一个连接组件，它使用mapsStateToProps和mapDispatchToProps将属性注入到属性中(我不需要父组件来注入任何东西)。当我把它导入另一个组件时，typescript会报错。
Form.tsx：
type IProps = {
insertError: boolean,
cleanErrors: () => ICleanErrorsAction,
addArticle: (arg0: IArticle) => IAddArticleAction
}
type IState = {
title: string,
[id:string
浏览 0提问于2019-08-24得票数 0
我使用{}类型来标识TypeScript中的对象，但是它似乎允许任何东西，除了null和undefined
function foo(): {} {
return "string";
}
上面的示例是有效的TypeScript，那么当使用{}时，在TypeScript中声明什么类型？
浏览 0提问于2018-12-23得票数 1
回答已采纳
我有一个如下的typescript对象：
class myObj {
public param1,
public param2,
public param3
}
在我另一个对象中，我有一个对象数组
class otherObj {
public arrayOfMyObj:myObj[]
constructor(){
this.arrayOfMyObj = [{param1: "value", param2: "value"}]
}
}
然而，这段代码抛出了一个错误，因为JSON数组中第一项与myObj不完全匹配
浏览 6提问于2016-06-30得票数 1
处理Node.js项目并使用TypeScript。
我试图将函数参数类型限制为特定的基类。我是Node & TypeScript的新手，来自C#背景，所以很可能不太了解lang的一些特性。
拿着这些片段。
首先，我的类声明
class DTO{
}
class userDTO extends DTO{
@IsDefined({message:"Username required"})
@Expose()
@Length(1,10, {message:"min 1 max 10"})
username:String;
浏览 3提问于2020-10-28得票数 1
回答已采纳
我想知道如何在TypeScript中向枚举添加描述属性。我想创建如下枚举(或类似的东西)：
public enum Sample
{
[Display(Name = "Blah V")]
V,
[Display(Name = " Blah IV")]
IV,
[Display(Name = " Blah III")]
III,
}
为了能够对此类枚举执行基本操作，我将创建通用EnumHelper。这个helper类应该包含允许的方法:获取一个description值，获取名称和数字值。问题是如何
浏览 52提问于2018-06-10得票数 17
回答已采纳
1回答
我动态加载我创建的模块，如下所示：
myModule.ts
export class SomeClass {
...
}
export type SomeType = {...}
在另一个文件中，我这样做：
import * as MyModuleType from "./myModule"
if(...) {
let loadedModule: typeof MyModuleType = require("./myModule");
...
}
MyModuleType的类型同时具有SomeClass和SomeType (如预期)。而loadedMo
浏览 0提问于2017-05-12得票数 0
我正在使用TypeScript构建一个。我的初创公司最近从JavaScript转到了JavaScript，我正在迁移代码。
我有一个<FlatList />，它由两类场地组成:餐厅和酒吧。餐厅和酒吧共享一些属性，但它们也不共享。例如，属性servesFood是餐馆特有的。
renderItem函数如下所示：
renderItem = ({ item }: { item: Restaurant | Bar }) => {
return item.servesFood ? (
// ... Restaurant code
) : (
// ... Bar
浏览 1提问于2018-10-23得票数 1
回答已采纳
我在操场上创建了TypeScript：
interface Test{
a: string
b: string
}
const object: Test = {
a: 'b',
b: 'c',
}
function testIt(): Test[] {
const data = [{b: '2', c: '3'}]
const prices: Test[] = data.length ? data.map((item) => {
return {
浏览 1提问于2018-12-13得票数 8
回答已采纳
8回答
我正在TypeScript中创建一个对象数组：
userTestStatus xxxx = {
"0": { "id": 0, "name": "Available" },
"1": { "id": 1, "name": "Ready" },
"2": { "id": 2, "name": "Started" }
};
有人能告诉我怎样才能正确地声明它的类型吗？可以内联吗?还是
浏览 13提问于2016-02-16得票数 390
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
