将对象数组转换/转换为父接口对象接口在typescript中扩展的正确方法是什么？
在 TypeScript 中，将对象数组转换为父接口对象接口的正确方法是使用类型断言和映射操作符。
首先，定义一个父接口，包含子接口的共有属性和方法。例如：
interface ParentInterface {
commonProperty: string;
commonMethod(): void;
}然后，定义一个子接口，继承父接口并添加自己的属性和方法。例如：
interface ChildInterface extends ParentInterface {
childProperty: number;
childMethod(): void;
}接下来，假设有一个对象数组，每个对象都符合子接口的定义。例如：
const objectsArray: ChildInterface[] = [
{ commonProperty: "foo", commonMethod: () => {}, childProperty: 123, childMethod: () => {} },
{ commonProperty: "bar", commonMethod: () => {}, childProperty: 456, childMethod: () => {} }
];要将对象数组转换为父接口对象接口，可以使用类型断言和映射操作符。例如：
const parentObjectsArray: ParentInterface[] = objectsArray.map(obj => obj as ParentInterface);这样，parentObjectsArray 就是一个父接口对象接口的数组，每个对象都只包含父接口定义的属性和方法。
注意，使用类型断言 as ParentInterface 可能会导致类型不安全，因为它绕过了类型检查。确保在进行类型断言之前，已经确认对象数组中的每个对象都符合父接口的定义。
推荐的腾讯云相关产品：无
相关·内容
1回答
我刚在官方博客Range5 ()上读到一篇文章。有关于打字稿转换的说法。详细情况：
"TypeScript转换在引擎盖下，角度编译器现在作为一个TypeScript转换运行，使得增量重建速度大大加快。TypeScript转换是作为TypeScript 2.3的一部分引入的一个新特性，它允许我们连接到标准的TypeScript编译管道。“
我想更好地理解它。转换或编译管道，是什么？tnx！
浏览 5提问于2017-11-08得票数 8
2回答
我有TypeScript ES6类，假设它看起来像这样
class Classic
private _member: Object;
constructor(member: Object) {
this._member = member;
}
}
我有一些富对象，它包含很多方法，我想继承这些方法，但是这个对象不是TS或ES6类，它只是POJO (ObjectLiteral)。
所以我做了快速肮脏的遗产
Object.assign(Classic.prototype, ObjectLiteralWithMethods);
不需要很深的拷贝，一切都正常。
Cl
浏览 0提问于2017-01-17得票数 4
3回答
类型记录和C#都支持对以“编译”类型检查的对象成员的类型安全访问，json用于在web应用程序后端和它们的前端之间传输“数据传输对象”。
我希望这里的工具能够从定义JSON消息的C#类中生成类型记录“包装类”--但我从未听说过使用这种工具。可能是因为我不是一个活跃的TypeScript开发人员，所以我错过了TypeScript工具集中的一些东西，或者.net的“标准”JSON工具包已经这样做了。或者我可以问一个非常愚蠢的问题--…。。
浏览 5提问于2016-03-22得票数 4
回答已采纳
在TypeScript文件中，我定义了一个3D数组：
var myArr = ['one', [[19, 1], [13, 1], [86, 1], [12, 2]],
'two', [[83, 1], [72, 1], [16, 2]],
'three', [[4, 1]]];
function testArray(){
console.log(myArr[1].length);
}
我在length属性下收到一个警告：
类型{}上不存在属性'length‘
浏览 0提问于2014-11-23得票数 25
回答已采纳
我有两个应用程序，一个是用TypeScript编写的，另一个是用React编写的。在复制TypeScript中现有的功能以开发React中的工作版本时，浏览器控制台会抛出语法错误，并对转换程序错误抛出babels。
是否响应支持语法，如：Array<File>或<Array<File>>？请解释一下为什么或者为什么不。
我经常在允诺/可观察的代码中看到这些符号，而在本例中，这些符号用于文件。以这种方式实例化对象的目的是什么，它比简单实例化空数组有什么好处？
浏览 8提问于2017-02-18得票数 0
回答已采纳
如何在typescript(Angular)中以毫秒转换日期
例如，将28/11/2019 00:00:00.000转换为时间戳
浏览 55提问于2019-11-14得票数 0
回答已采纳
我在TypeScript函数中偶然发现了这一行代码。我假设它正在将someVar转换成某种东西，但我不知道它是什么。
<[AdditionalInformation, IDataLookup[], IDataLookup[]]>someVar
我无法在TypeScript文档中找到任何答案。有人知道这是干什么的吗？
浏览 0提问于2018-02-14得票数 3
回答已采纳
2回答
考虑Java中的以下类：
interface I{
}
class A implements I{
}
class B extends A {
}
class C extends B{
}
And the following declarations:
A a = new A();
B b = new B();
一旦你有了a = (B)(I) b;，代码就会编译并运行。我完全不明白为什么我需要转换成接口和B类。在我看来，当a = b;还好的时候，它会工作的。有人能给我解释一下上面的显式转换的逻辑是什么让代码运行得很好吗？
但是一旦你有了I i = (C) a;，它就会在运行时失败，因为&#
浏览 0提问于2012-10-12得票数 1
回答已采纳
如何在TypeScript中使用document.evaluate？它不是Document类型的方法，所以当我尝试使用它时，TypeScript会生成一个错误，并且不让我编译代码。
有没有什么方法可以把它添加到Document的定义中，或者忽略编译错误？
浏览 2提问于2013-01-15得票数 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
回答已采纳
当我第一次开始在react中修改typescript时，我注意到我不能使用...props，因为typescript会检查传入组件的每一个属性。它很棒，但也很烦人，我不得不将id、name等原生道具作为道具进行声明。
interface MyComponentProps {
name: string,
id: string,
placeholder: string
}
const MyComponent = ({
name,
id,
placeholder
}: MyComponentProps) => {
return <input type=
浏览 14提问于2020-05-06得票数 1
回答已采纳
你能帮我理解一下typescript中这个界面的意思吗？
据我所知，当应用此接口时...一个对象必须实现一个名为map的函数，不知道<A, B>在这里是什么意思。
如果你能为我提供一个简单的英文“翻译”，我将不胜感激。
interface Functor<M> {
map: <A, B>(f: (a: A) => B) => (ma: M<A>) => M<B>
}
浏览 7提问于2018-09-06得票数 0
4回答
如果类是从非类扩展的(包括但不限于函数)，
function Fn() {}
class Class extends Fn {
constructor() {
super();
}
}
后果是什么？说明书上写了些什么？
看起来巴贝尔、Google V8和Mozilla Spidermonkey的当前实现都没问题，TypeScript抛出了
类型'() => void‘不是构造函数类型
如果这是一个有效的ES2015代码，那么在TypeScript中处理它的正确方法是什么？
浏览 7提问于2016-01-03得票数 16
回答已采纳
1回答
获取对象属性
、、
我是TypeScript的新手。
如何解决此问题：
layout[self._swapEntries ? '_rows' : 'rows'].slice(0, layout.numRowsToDraw);
错误：
error TS7017: Index signature of object type implicitly has an 'any' type.
另一个问题：
let entries = rows.selectAll("g." + Legend.LEGEND_ENTRY_CLASS).data((d) =>
浏览 0提问于2015-10-20得票数 0
2回答
我正在使用带有Typescript的express-session，并遇到了预期的问题，出现了以下错误消息-
类型“Session”上不存在属性“authz”
为了解决这个问题，我添加了一个名为session.d.ts的新外部文件，其内容如下：
import { Resources, ResourceAuth, Authz } from "../../models/Authz"
declare namespace Express {
export interface Session {
authz: Array<ResourceAuth>;
}
}
浏览 4提问于2016-12-12得票数 0
2回答
我需要在活动之间传递一个二维双精度数组，这是我到目前为止所写的:在第一个活动(发送者)中：
Intent intent =new Intent(MapsActivity.this, RoutePath.class);
Bundle b = new Bundle();
b.putSerializable("other_locations", other_locations);
intent.putExtras(b);
startActivity(intent);
在第二个(接收器)中：
Intent intent = getIntent();
Bundle b = intent.
浏览 0提问于2013-04-09得票数 4
回答已采纳
5回答
我想知道是什么具体允许将一个类的对象转换为另一个类。查看Class.isInstance(Object ) ，它建议对象必须与另一个类“赋值兼容”，才能被转换到该类。但是什么是“任务兼容”呢？
我试图弄清楚以下内容是如何返回一个ClassCastException的：
public class A
{
multiple private attributes
No constructor
multiple public methods
}
public class B extends A
{
blank default constructor
2 add
浏览 8提问于2014-09-16得票数 2
回答已采纳
假设我有一个随机的用户对象：
(在TypeScript 3.7.5上)
{
moderator: {
id: '38232'
}
}
如果我这样做了，UserDisplay.get(randomUser)会输出{ userPath: 'modeator.id', userType: 'MODERATOR' }，因为它看到了randomUser内部，并看到了moderator对象的存在。
如何使用TypeScript确定任何随机用户将正确地与其相关的UserType枚举相关联。
如果是这样的话：
UserDispla
浏览 2提问于2021-03-24得票数 0
回答已采纳
2回答
对检查转换字节码指令的混淆？
、、、、
我正在开发自己的JVM实现，并开始使用checkcast指令。完整的文档是。我很好奇，因为在枚举强制转换的工作规则时，要检查的一个条件是要检查的对象引用是否为接口类型。根据我的理解，这应该是不可能的；接口不能被直接实例化，并且任何实现接口的对象都有其他一些具体的类类型。我是不是遗漏了什么？
浏览 0提问于2011-02-11得票数 12
回答已采纳
这个问题似乎很常见，但在浏览StackOverflow或互联网时，我没有发现任何东西。
我在一个接受(例如) Parent对象列表的C++类中遇到了一个方法。对于本例，假设有两个派生自Parent的类：Child1和Child2。
对于列表中的每个对象，该方法检查该对象是否为Child2类型(通过每个类实现的IsOfType()方法)，如果是，它将调用一个仅由Child2类提供的方法。
这是因为列表处理方法不能对每个对象一视同仁吗？我在其他地方也看到过这种做法，所以在某种程度上这似乎是一种常见的做法。
一种选择是在Parent类中声明Child2方法，以便所有Parent对象都实现它。但是，在
浏览 0提问于2009-12-04得票数 1
回答已采纳
在不使用typescript的时候，我通常会做一些像socket.username = username这样的事情。但现在我是这样做的，当我尝试以同样的方式保存它时，它会给我错误
Property 'username' does not exist on type 'Socket'
我知道这意味着我需要扩展它，但我已经像这样尝试过了
interface Socket {
username: any
}
但它没有帮助，我也尝试了这个，
interface SocketIO {
username: any
}
不走运。
浏览 0提问于2018-01-02得票数 6
const myArray: string[] = {};
显然没有通过类型记录类型检查，但是：
const iAmAnArrayTrustMe: string[] = {...[]} // it passes the type checking
iAmAnArrayTrustMe.splice(1)
通过类型检查，但它当然在运行时就会失败。
我理解为什么它会在运行时失败，但我不明白为什么TypeScript会允许这样的作业。这种行为背后的原因是什么？
下面是一个要使用的示例：
浏览 6提问于2022-05-31得票数 5
2回答
在TypeScript中，any[]和Observable<any[])>之间的主要区别是什么
使用每一种方法的优缺点是什么？
浏览 0提问于2016-07-29得票数 15
回答已采纳
我有一个接口定义为
public interface INamedReader
{
string DisplayInfoLine { get; }
string DisplayName { get; }
}
和实现该接口的类，但它是一个内部类
internal class NamedReader : INamedReader, INotifyPropertyChanged
{
public NamedReader();
public string DisplayInfoLine { get; set; }
publi
浏览 0提问于2017-06-21得票数 1
我使用的是PDF JS演示应用程序，我给了一个从服务器到查看器的base64格式。这在chrome和mozilla(桌面和移动设备)上工作得都很好，但在Safari上就完全不起作用了。
我认为这个问题是因为XHR，但我没有那么多的经验，所以我不能肯定。
我的替代方案是什么？
浏览 0提问于2015-08-28得票数 0
我有一个带有内部数组的类，我想重载下标操作符来访问内部数组并提供调试/日志记录操作。
有没有可能在PHP中重载[]运算符，或者在这种情况下有没有其他我应该追逐的选择？
浏览 2提问于2011-09-29得票数 4
回答已采纳
我需要将散列对象转储到JSON，我想知道这三种方法中的哪一种，to_json、JSON.generate或JSON.dump是最好的方法。
我已经测试了这些方法的结果，它们是一样的：
> {a: 1, b: 2}.to_json
=> "{\"a\":1,\"b\":2}"
> JSON.generate({a: 1, b: 2})
=> "{\"a\":1,\"b\":2}"
> JSON.dump({a: 1, b: 2})
=> "{\"
浏览 7提问于2015-09-24得票数 11
回答已采纳
在处理TranslateAnimations时，您可以将特定对象从位置A移动到位置B。这些位置的坐标可以表示为Relative_To_Self vs. Relative_To_Parent？这些位置以百分比表示。
这到底是什么意思？
例如，假设我有一个宽度设置为Fill_Parent的Relative_Layout和一个宽度为80像素的ImageView。
下面是我正在查看的定义：
public TranslateAnimation (int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, flo
浏览 1提问于2011-11-20得票数 4
我正在学习Vaadin 7，我正在读Vaadin 7 CookBook。其实我在第四章，我想问一问，是否有人遇到过这样的问题：
我在浏览器控制台中得到以下错误：
严重:服务器为ChromaHashPasswordFieldConnector (3)发送了Vaadin 6风格的更新(3)，但这不是Vaadin 6可绘制的
当我呈现这个UI时：
public class ChromaHashUI extends UI {
@WebServlet(value = "/*", asyncSupported = true)
@VaadinServlet
浏览 3提问于2015-02-13得票数 0
回答已采纳
我是typescript的新手，我正在尝试将我们的应用程序从es2016重写为typescript。我的任务是创建一个具有数据属性的类，并使数据对象中的每个元素都可以作为类属性使用。
我被这个javascript代码卡住了：
for(let key in this.data) {
Object.defineProperty(this, key, {
get: functi
浏览 1提问于2017-07-21得票数 14
回答已采纳
如果我导入了System.Linq，我可以在下面的调用中使用this ToArray overload： var x = "foo".ToArray(); 并为x分配一个char[]，其中包含字符串"foo"中的三个元素。然后，如果我在作用域中添加一个自定义扩展方法： public static T[] ToArray<T>(this T toConvert) => new[] { toConvert }; 编译器默默地改变了主意，x变成了一个带有一个元素的string[]，即字符串"foo"。 为什么编译器没有抱怨歧义？我知
浏览 9提问于2020-12-31得票数 1
1回答
我现在有一个这样的清单：
List<Parent> parentList = new Arraylist<>;
//Code inserts elements of subclassA and subclass B into parentList above
现在，我想从类型为A的parentList中提取元素。我想做以下工作，但没有错误：
List<SubclassA> extractMe = new Arraylist<>;
for (Parent parent: parentList){
if (parent.isSubclassA
浏览 2提问于2015-02-12得票数 1
回答已采纳
我正在进行从JavaScript到TypeScript的移植练习，并讨论了以下问题。
在最初的JavaScript代码中，我得到了：
var children = someJQueryElement.children('div');
var sortedChildren = children.sort(someSortFunction);
在TypeScript (1.4)中，所有jQuery方法都返回JQuery，它不是array，因此不能让sort调用它。
我该怎么解决这个问题？
浏览 5提问于2015-02-06得票数 1
回答已采纳
Spec
根据地图应该这样使用..。
var new_array = arr.map(callback[, thisArg])
问题
TypeScript对map有几个重载声明，这使得extend Array<T>变得非常困难。
我希望看到这个(在lib.d.ts中).
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
但lib.d.ts也有.
map<U>(this: [T, T, T, T, T], callbackfn: (val
浏览 4提问于2017-01-31得票数 9
回答已采纳
3回答
我想获取map的值，并将其存储在typescript中的字符串数组中。 myMap= [0:'Mohit',1:'Balesh',2:'Jatin'];
arr[]; 预期结果arr['Mohit','Balesh','Jatin']
浏览 22提问于2019-08-26得票数 4
1回答
在javascript控制台如果我这样做
a = [1,2,3]
Object.prototype.toString.call(a) // gives me "[object Array]"
typeof a // gives me "object"
如果我在GWT中创建一个数组列表并将其传递给一个本地方法并执行此操作，
// JAVA code
a = new ArrayList<Integer>();
a.push(1);
a.push(2);
//JSNI code
Object.proto
浏览 0提问于2013-01-11得票数 7
回答已采纳
每当我使用Convert.ToInt32(byte[])时，我都会得到一个无效的异常，我想知道我是否做错了什么，这是否是众所周知的事情。
为什么在此方法中没有支持byte[]的重载时，byte[]不会抛出编译器错误？
浏览 2提问于2014-03-06得票数 0
回答已采纳
我有一个想要在typescript文件中使用的knockout扩展程序，但我不知道如何声明它。
这个扩展器是用javascript编写的，我想在一个typescript文件中使用它(因为这个项目目前是javascript和typescript的混合体)。但是，我还不能想出如何为扩展器添加定义。我从向KnockoutExtenders接口添加了如下内容(尽管我不确定是否错过了这个问题的要点)：
interface KnockoutExtenders {
trackChange<T>(target: T, track: boolean): ITrackChange<T&g
浏览 20提问于2017-02-16得票数 0
回答已采纳
我想将添加到TypeScript中的元素的scroll事件中，如下所示：
element.addEventListener("scroll", () => { }, { capture: true, passive: true });
但是TypeScript抛出一个语法错误：Argument of type '{ capture: true, passive: true }' is not assignable to parameter of type 'boolean'。
我知道错误的原因是TypeScript没有为addEventLi
浏览 6提问于2017-10-25得票数 2
回答已采纳
我想创建一个通用的TypeScript类，用于呈现(作为HTML )实现特定interface的对象数组。
例如：
class GenericListRenderer<T> {
items: T[];
constructor(listItems: T[], className?: string){
this.items = listItems;
...
}
private getPropertyNames(): string[]{
// What is the best way to access all property
浏览 3提问于2015-05-13得票数 35
1回答
我正在尝试编译一些Node.js Typescript代码，但我遇到了两个名为console的变量的问题。本质上，Node.js有一个console.trace()方法，而普通的浏览器端Javascript没有。我在我的Typescript文件中引用了node.d.ts，其他一切都很好。node.d.ts将console声明为变量，但lib.d.ts也是如此，它似乎覆盖了Node.js版本。向编译器添加--nolib只会抛出数百个有关未定义符号的错误。有没有办法在不编辑lib.d.ts的情况下解决这个问题？(或者选择控制台：(<any>console).trace()?)
浏览 4提问于2013-04-04得票数 1
回答已采纳
我已经用TypeScript写了大约一年了，我遇到了一个很好的用锈蚀写的关于Github的项目，我想用TypeScript来包装。我从来没有用铁锈编程，但我确实有C++方面的经验。我相信标题中的问题已经很清楚了。Rust中的结构是否类似于TypeScript中的接口？
浏览 4提问于2022-07-08得票数 0
回答已采纳
在TypeScript中如何使用泛型类型有一个默认示例：
class Greeter<T> {
greeting: T;
constructor(message: T) {
this.greeting = message;
}
greet() {
return this.greeting;
}
}
let greeter = new Greeter<string>("Hello, world");
let button = document.createElement('
浏览 0提问于2018-03-28得票数 3
回答已采纳
为了从PHP会话中获取值，我尝试了许多种排列方式。会话是一个对象数组，我认为它具有键值对。这是键/值foreach循环输出的结构
Array
(
[laboratory_roster] => Array
(
[employee_entrance] => stdClass Object
(
[step] => employee_entrance
[employee_first_name] => asdfasd
浏览 1提问于2017-12-23得票数 2
我有一个这样的TypeScript接口： export interface Foo {
bar: string
} 这将编译成一个空的.js文件。因此，当在ES6节点模块中使用TypeScript接口时，我会得到以下错误： TypeError: Class extends value undefined is not a function or null 解决方法是创建一个类 export class BaseFoo {
bar: string
} 现在，我可以在ES6中使用BaseFoo，而不会出现上述错误。因此，在TypeScript中使用ES6互操作不可能只有接口，或者有没有比
浏览 22提问于2019-04-24得票数 1
为了有效地与RESTfull API进行通信，我定义了一个模型类Product，以体验Typescript在Javascript上的好处。
我面临许多挑战，因为get响应和post请求不尊重相同的对象结构。我需要做出更好的选择：
选项1：创建两个模型(一个用于post，另一个用于get)。
选项2：创建一个适配器，将json响应转换为模型结构类，并调整模型对象以满足post请求结构。
选项3：创建一个通用模型类，它使用any类型和nullable字段为get和post结构服务。
选项4：忽略使用模型类并动态操作javascript对象。
浏览 3提问于2017-02-23得票数 0
我从我的一个朋友那里得到了这个代码。
import java.io.*;
import javax.sound.sampled.*;
public class xx
{
public static void main(String args[])
{
try
{
File f=new File("mm.wav");
AudioInputStream a=AudioSystem.getAudioInputStream(f);
AudioFormat au=a.g
浏览 3提问于2010-12-30得票数 0
回答已采纳
我第一次在我的公司项目中使用typescript，我有这个JS文件：
/// <reference path="jquery.d.ts" />
/// <reference path="bootstrap-switch.d.ts" />
function CreateIdeSkuValidoSwitch() {
$("[name='actived_ideskuvalido']").bootstrapSwitch();
}
但是当我在我的Typescript函数中使用它时，编译器会说：
浏览 0提问于2016-11-18得票数 5
在TypeScript中，有两种方法可以声明一个常量应该符合一个接口：
interface Foo { x: string; }
const HELLO: Foo = { x: 'hello' };
或
interface Foo { x: string; }
const HELLO = { x: 'hello' } as Foo;
它们似乎具有相同的效果: TypeScript将HELLO视为具有一种类型的Foo，如果将任何未出现在interface Foo中的成员赋给它，则会导致错误。
有什么理由偏爱其中一种形式而不是另一种形式？它们是完全等价的吗？
浏览 23提问于2017-02-01得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
