给定以下代码
interface IPerson {
firstName: string;
lastName: string;
}
var persons: { [id: string]: IPerson; } = {
"p1": { firstName: "F1", lastName: "L1" },
"p2": { firstName: "F2" }
};
为什么不拒绝初始化?毕竟，第二个对象没有“lastName”属性。
当前回答
下面是一个更通用的Dictionary实现，灵感来自@dmck
interface IDictionary<T> {
add(key: string, value: T): void;
remove(key: string): void;
containsKey(key: string): boolean;
keys(): string[];
values(): T[];
}
class Dictionary<T> implements IDictionary<T> {
_keys: string[] = [];
_values: T[] = [];
constructor(init?: { key: string; value: T; }[]) {
if (init) {
for (var x = 0; x < init.length; x++) {
this[init[x].key] = init[x].value;
this._keys.push(init[x].key);
this._values.push(init[x].value);
}
}
}
add(key: string, value: T) {
this[key] = value;
this._keys.push(key);
this._values.push(value);
}
remove(key: string) {
var index = this._keys.indexOf(key, 0);
this._keys.splice(index, 1);
this._values.splice(index, 1);
delete this[key];
}
keys(): string[] {
return this._keys;
}
values(): T[] {
return this._values;
}
containsKey(key: string) {
if (typeof this[key] === "undefined") {
return false;
}
return true;
}
toLookup(): IDictionary<T> {
return this;
}
}
其他回答
下面是一个更通用的Dictionary实现，灵感来自@dmck
interface IDictionary<T> {
add(key: string, value: T): void;
remove(key: string): void;
containsKey(key: string): boolean;
keys(): string[];
values(): T[];
}
class Dictionary<T> implements IDictionary<T> {
_keys: string[] = [];
_values: T[] = [];
constructor(init?: { key: string; value: T; }[]) {
if (init) {
for (var x = 0; x < init.length; x++) {
this[init[x].key] = init[x].value;
this._keys.push(init[x].key);
this._values.push(init[x].value);
}
}
}
add(key: string, value: T) {
this[key] = value;
this._keys.push(key);
this._values.push(value);
}
remove(key: string) {
var index = this._keys.indexOf(key, 0);
this._keys.splice(index, 1);
this._values.splice(index, 1);
delete this[key];
}
keys(): string[] {
return this._keys;
}
values(): T[] {
return this._values;
}
containsKey(key: string) {
if (typeof this[key] === "undefined") {
return false;
}
return true;
}
toLookup(): IDictionary<T> {
return this;
}
}
如果你正在寻找一个简单的方法来创建一个字典，即使在typescript中，它是使用Map对象。文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map的链接。Map对象主要有添加、检索、删除和删除所有元素的方法。
dictionary= new Map<string, string>();
dictionary.set("key", "value");
dictionary.get("key");
dictionary.delete("key");
dictionary.clear(); //Removes all key-value pairs
编辑:这个问题已经在最新的TS版本中修复了。引用@Simon_Weaver对OP帖子的评论:
注意:这已经被修复(不确定确切的TS版本)。我 在VS中得到这些错误，正如你所期望的:索引签名是 不相容的。类型'{firstName:字符串;}'不能赋值给类型 “IPerson”。属性“lastName”在类型中缺失 字符串;}”。
显然，当在声明时传递初始数据时，这不起作用。 我猜这是TypeScript中的一个bug，所以你应该在项目站点上提出一个。
你可以通过在声明和初始化中分割你的例子来使用类型化字典，比如:
var persons: { [id: string] : IPerson; } = {};
persons["p1"] = { firstName: "F1", lastName: "L1" };
persons["p2"] = { firstName: "F2" }; // will result in an error
我同意thomaux的说法，初始化类型检查错误是TypeScript的一个bug。但是，我仍然想找到一种方法，通过正确的类型检查在单个语句中声明和初始化Dictionary。这个实现比较长，但是它增加了额外的功能，比如containsKey(key: string)和remove(key: string)方法。我怀疑，一旦在0.9发行版中有了泛型，这个问题就可以得到简化。
首先，我们声明基本Dictionary类和Interface类。索引器需要接口，因为类不能实现它们。
interface IDictionary {
add(key: string, value: any): void;
remove(key: string): void;
containsKey(key: string): bool;
keys(): string[];
values(): any[];
}
class Dictionary {
_keys: string[] = new string[];
_values: any[] = new any[];
constructor(init: { key: string; value: any; }[]) {
for (var x = 0; x < init.length; x++) {
this[init[x].key] = init[x].value;
this._keys.push(init[x].key);
this._values.push(init[x].value);
}
}
add(key: string, value: any) {
this[key] = value;
this._keys.push(key);
this._values.push(value);
}
remove(key: string) {
var index = this._keys.indexOf(key, 0);
this._keys.splice(index, 1);
this._values.splice(index, 1);
delete this[key];
}
keys(): string[] {
return this._keys;
}
values(): any[] {
return this._values;
}
containsKey(key: string) {
if (typeof this[key] === "undefined") {
return false;
}
return true;
}
toLookup(): IDictionary {
return this;
}
}
现在我们声明Person特定类型和Dictionary/Dictionary接口。在PersonDictionary中注意我们如何重写values()和toLookup()以返回正确的类型。
interface IPerson {
firstName: string;
lastName: string;
}
interface IPersonDictionary extends IDictionary {
[index: string]: IPerson;
values(): IPerson[];
}
class PersonDictionary extends Dictionary {
constructor(init: { key: string; value: IPerson; }[]) {
super(init);
}
values(): IPerson[]{
return this._values;
}
toLookup(): IPersonDictionary {
return this;
}
}
下面是一个简单的初始化和使用示例:
var persons = new PersonDictionary([
{ key: "p1", value: { firstName: "F1", lastName: "L2" } },
{ key: "p2", value: { firstName: "F2", lastName: "L2" } },
{ key: "p3", value: { firstName: "F3", lastName: "L3" } }
]).toLookup();
alert(persons["p1"].firstName + " " + persons["p1"].lastName);
// alert: F1 L2
persons.remove("p2");
if (!persons.containsKey("p2")) {
alert("Key no longer exists");
// alert: Key no longer exists
}
alert(persons.keys().join(", "));
// alert: p1, p3
要在typescript中使用字典对象，可以使用interface，如下所示:
interface Dictionary<T> {
[Key: string]: T;
}
并且，在你的类属性类型中使用这个。
export class SearchParameters {
SearchFor: Dictionary<string> = {};
}
要使用并初始化这个类，
getUsers(): Observable<any> {
var searchParams = new SearchParameters();
searchParams.SearchFor['userId'] = '1';
searchParams.SearchFor['userName'] = 'xyz';
return this.http.post(searchParams, 'users/search')
.map(res => {
return res;
})
.catch(this.handleError.bind(this));
}
推荐文章
- “declare”在“export declare class Actions”中做什么?
- Angular和Typescript:不能找到名字——错误:不能找到名字
- 为什么更快地检查字典是否包含键，而不是捕捉异常，以防它不?
- 使用字典字面量和字典构造函数之间有区别吗?
- 'this'隐式具有类型'any'，因为它没有类型注释
- 在TypeScript中声明抽象方法
- 实现__hash__()的正确和好的方法是什么?
- 如何强制tsc忽略node_modules文件夹?
- TypeScript for…的索引/键?
- 如何在Typescript中获得一个变量类型?
- 如何将JSON字符串转换为字典?
- 我在哪里可以找到安装在Visual Studio中的TypeScript版本?
- 如何用值声明一个数组列表?
- Python创建一个列表字典
- 在Handsontable Cells中渲染Angular组件
