Tengo un objeto javascript vacío y quiero hacer algo como esto:
this.conflictDetails[this.instanceId][this.modelName][this.entityId] = { solved: true };El problema es que para el nombre de modelo que obtengo No se pueden leer las propiedades de undefined. Creo que es porque el objeto vacío this.conflictDetails no tiene la propiedad que estoy buscando, me pregunto cómo podría escribir esto para que funcione y sea lo más claro posible.
El resultado debería verse como:
{ 'someInstanceId': { 'someModelName': { 'some entityId': { solved: true; } } } }con mu; ID de instancia de tiempo, que contienen múltiples nombres de modelo, que tienen múltiples ID de entidad
marque esto el '?' operador
let obj = { 'someInstanceId': { 'someModelName': { 'someEntityId': { solved: true } } } }; let value1 = obj.someInstanceId?.someModelName?.someEntityId; console.log(value1); // or value1 = obj["someInstanceId"] ?? {}; value1 = value1["someModelName"] ?? {}; value1 = value1["someEntityId"]; console.log(value1); let value2 = obj.someInstanceId?.someMissModelName?.someEntityId; console.log(value2);Puede usar interfaces para definir el modelo del objeto, o puede verificar si cada objeto anidado no es nulo ni indefinido.
Preferiría la primera opción si uso mecanografiado. Si no, entonces me quedaría con la opción no nulo/indefinido
Primero creamos un modelo:
export interface CustomObject { [instanceId: string]: { [modelName: string]: { [entityId: string]: { solved: boolean; }; }; }; }Ahora que tenemos un modelo, podemos llenar un objeto con datos:
Definimos el objeto en el archivo .ts de tu componente
public dataObjects: CustomObject = { instance1: { basicModel: { Entity1: { solved: false, }, }, } };Ahora puede tener, por ejemplo, una función para cambiar el estado resuelto, supongo que hay varios ID de instancia, nombres de modelo y ID de entidad.
public resolveObject( instanceId: string, modelName: string, entity: string, solved: boolean ) { this.dataObjects[instanceId][modelName][entity].solved = solved; }Ahora puede llamar al método con los detalles del objeto:
this.resolveObject('instance1', 'basicModel', 'Entity1', true);Después de ejecutar esta línea, la resolución cambiará de falso a verdadero.
Creé un StackBlitz para mostrártelo: https://stackblitz.com/edit/angular-ivy-ibfohk