Objetos TypeScript Map y tuplas TypeScript

Tabla de contenido

1. Objeto de mapa de TypeScript

1. Uso simple del objeto Mapa

2. Mapear métodos y propiedades relacionados

3. Uso simple de los métodos y propiedades del mapa

4. Iteración del Mapa

2. Tuplas mecanografiadas

1. Declaración de tupla de TypeScript y uso simple

2. Deconstrucción de tuplas de TypeScript


1. Objeto de mapa de TypeScript

1. Uso simple del objeto Mapa

Un objeto Map contiene pares clave-valor, recordando el orden de inserción original de las claves. Cualquier objeto o valor primitivo se puede utilizar como clave o valor.

let oneMap = new Map([
    ["key1", "value1"],
    ["key2", "value2"]
]);
console.log(oneMap) //Map(2) { 'key1' => 'value1', 'key2' => 'value2' }

2. Mapear métodos y propiedades relacionados

método/propiedad describir
Tamaño de mapa Devuelve el número de pares clave/valor para el objeto Mapa.
map.keys() Devuelve un objeto Iterator que contiene la clave de cada elemento en el objeto Map
mapa.valores() Devuelve un objeto Iterator que contiene el valor de cada elemento en el objeto Map 
mapa.borrar() Elimina todos los pares clave/valor del objeto Mapa.
mapa.set() Establezca el par clave-valor y devuelva el objeto Map.
mapa.get() Devuelve el valor correspondiente a la clave, o indefinido si no existe.
mapa.has() Devuelve un valor booleano utilizado para determinar si el valor correspondiente a la clave está contenido en el Mapa
mapa.eliminar() Elimine los elementos en el Mapa, devuelva verdadero si la eliminación es exitosa y devuelva falso si la eliminación falla.

3. Uso simple de los métodos y propiedades del mapa

console.log(oneMap.size)  //2
console.log(oneMap.keys())  //[Map Iterator] { 'key1', 'key2' }
console.log(oneMap.values()) //[Map Iterator] { 'value1', 'value2' }
oneMap.set("key3", "value3");
console.log(oneMap) //Map(3) { 'key1' => 'value1', 'key2' => 'value2', 'key3' => 'value3' }
console.log(oneMap.get("key1")) //value1
console.log(oneMap.get("key4")) //undefined
console.log(oneMap.has("key1")) //true
console.log(oneMap.has("key4")) //false
console.log(oneMap.delete("key1")) //true
console.log(oneMap) //Map(2) { 'key2' => 'value2', 'key3' => 'value3' }
console.log(oneMap.delete("key4")) //false
console.log(oneMap) //Map(2) { 'key2' => 'value2', 'key3' => 'value3' }
oneMap.clear()
console.log(oneMap)//Map(0) {}

4. Iteración del Mapa

Mapa de usos de iteración para... de

let twoMap = new Map([
    ["key1", "value1"],
    ["key2", "value2"]
]);
for (let key of twoMap.keys()) {
    console.log(key);                  
}
// key1
// key2
for (let value of twoMap.values()) {
    console.log(value);                 
}
// value1
// value2
for (let entry of twoMap.entries()) {
    console.log(entry[0], entry[1]);   
}
// key1 value1
// key2 value2
for (let [key, value] of twoMap) {
    console.log(key, value);            
}
// key1 value1
// key2 value2

2. Tuplas mecanografiadas

1. Declaración de tupla de TypeScript y uso simple

Los tipos de datos de los elementos en la matriz son generalmente los mismos (las matrices de cualquier tipo [] pueden ser diferentes), y si los tipos de datos de los elementos almacenados son diferentes, se pueden usar tuplas. Se permite almacenar diferentes tipos de elementos en tuplas, y las tuplas se pueden pasar como parámetros a funciones.

Entonces, las cosas obvias de que los métodos y las propiedades en las matrices también se aplican a las tuplas.

let yzArr: [string, number] = ["1",1];
let yzArr2: [string, number] = ["1",1];
console.log(yzArr.concat(yzArr2)) 
console.log(yzArr.push("3")) 
console.log(yzArr) 
// [ '1', 1, '1', 1 ]
// 3
// [ '1', 1, '3' ]

2. Deconstrucción de tuplas de TypeScript

Puede asignar elementos de tupla a variables

let [x,y] = yzArr 
console.log(x)    
console.log(y)
// "1"
// 1

Si tiene alguna pregunta, por favor comente a continuación y las responderé por usted.

Supongo que te gusta

Origin blog.csdn.net/samxiaoguai/article/details/128390123
Recomendado
Clasificación