arrays - recorrer - TypeScript Objetos como tipos de diccionario como en C#

lista de objetos javascript

Question

Tengo un código JavaScript que utiliza objetos como diccionarios; por ejemplo, un objeto ''persona'' guardará algunos detalles personales borrados de la dirección de correo electrónico.

var people = {<email> : <some personal data''>};

adding   > "people[<email>] = <data>;" 
getting  > "var data = people[<email>];" 
deleting > "delete people[<email>];"

¿Es posible describir esto en Typescript? o tengo que usar una matriz?

Answer 1

Además de usar un objeto similar a un Map , ha existido un objeto Map real durante algún tiempo, que está disponible en TypeScript cuando se compila en ES6, o cuando se usa un polyfill con las type-definitions ES6:

let people = new Map<string, Person>();

Es compatible con la misma funcionalidad que Object , y más, con una sintaxis ligeramente diferente:

// Adding an item (a key-value pair):
people.set("John", { firstName: "John", lastName: "Doe" });

// Checking for the presence of a key:
people.has("John"); // true

// Retrieving a value by a key:
people.get("John").lastName; // "Doe"

// Deleting an item by a key:
people.delete("John");

Esto solo tiene varias ventajas sobre el uso de un objeto similar a un mapa, como:

• Compatibilidad con claves no basadas en cadenas, p. Ej., Números u objetos, ninguno de los cuales es compatible con Object (no, Object , no admite números, los convierte en cadenas)
• Menos espacio para errores cuando no se utiliza --noImplicitAny , ya que un Map siempre tiene un tipo de clave y un tipo de valor , mientras que un objeto puede no tener una firma de índice
• La funcionalidad de agregar / eliminar elementos (pares clave-valor) está optimizada para la tarea, a diferencia de crear propiedades en un Object

Además, un objeto Map proporciona una API más potente y elegante para tareas comunes, la mayoría de las cuales no están disponibles a través de los Object simples sin piratear las funciones de ayuda (aunque algunas de ellas requieren un iterador de ES6 completo o un polyfill iterable para objetivos de ES5 o inferior) :

// Iterate over Map entries:
people.forEach((person, key) => ...);

// Clear the Map:
people.clear();

// Get Map size:
people.size;

// Extract keys into array (in insertion order):
let keys = Array.from(people.keys());

// Extract values into array (in insertion order):
let values = Array.from(people.values());

Answer 2

Lodash tiene una implementación de diccionario simple y tiene buen soporte para TypeScript

Instale Lodash:

npm install lodash @types/lodash --save

Importación y uso:

import { Dictionary } from "lodash";
let properties : Dictionary<string> = {
    "key": "value"        
}
console.log(properties["key"])

Answer 3

Por supuesto:

var map: { [email: string]: Customer; } = { };
map[''[email protected]''] = new Customer(); // OK
map[14] = new Customer(); // Not OK, 14 is not a string
map[''[email protected]''] = ''x''; // Not OK, ''x'' is not a customer

También puede crear una interfaz si no desea escribir esa anotación de tipo completo cada vez:

interface StringToCustomerMap {
    [email: string]: Customer;
}

var map: StringToCustomerMap = { };
// Equivalent to first line of above

Answer 4

Puedes usar interfaces con plantillas como esta:

interface Map<T> {
    [K: string]: T;
}

let dict: Map<number> = {};
dict["one"] = 1;

Answer 5

También puede utilizar el tipo de registro en mecanografiado:

export interface nameInterface { 
    propName : Record<string, otherComplexInterface> 
}