使用 Angular 在 Typescript 中读取 JSON 常量的值键

Question

我正在尝试使用 Angular 在 Typescript 中读取 JSON 常量中的值，但只是为了提高性能，我不知道是否有一种方法可以读取框架中包含的属性（或者它是否存在另一种方式当然要做得更好）。这是我的 JSON 常量值：

    const myConstant= {
    data : [
      {
          key1: "5",
          key2: "extract",
          key3: "unique1"
      },
      {
          key1: "5",
          key2: "extract",
          key3: "unique2"
      },
      {
        key1: "5",
          key2: "extract",
          key3: "unique3"
    }
  ]
  };

此常量已导出到另一个 TS 文件中，仅用于查找 key3 值以在条件中验证此值。

 validateInfo(cod:string){
    for (var i = 0; i < myConstant.data.length; i++){
      var obj = myConstant.data[i];
      for (var key in obj){
        var value = obj[key];
        if (key== "key3"){
          if (value == cod){
            return true;
          }
        }
      }
    }
    return false;
  }

所以我的问题是，有没有一种方法可以在不进行循环的情况下提取“key3”值？喜欢

myConstant.find(data.key3,'unique3');

是什么原因？我试图在前端隐藏一个视图，以防用户不允许使用 JSON 信息（前一个函数为 true 或 false）访问：

<div class="ts-cntnr" *ngIf="allowedInfo" >

Answer 1

你可以试试这个代码

  var item= findItem(myConstant.data, "key3","unique3");

功能

function findItem(items, key,value) {
      const result = items.filter(function(item) {
       for (const property in item)
         if(property==key && item[property]==value) return item;
        });
       return result != undefined ? result[0] : null;
    };

结果

{
  "key1": "5",
  "key2": "extract",
  "key3": "unique3"
}

Answer 2

显然有！有很多方法可以满足您的要求，一种更简单的方法是使用some() 检查是否存在至少一个对象，其键名为key3，返回一个布尔结果，这是您想要的输出。

const myConstant = {
  data: [{
      key1: "5",
      key2: "extract",
      key3: "unique1"
    },
    {
      key1: "5",
      key2: "extract",
      key3: "unique2"
    },
    {
      key1: "5",
      key2: "extract",
      key3: "unique3"
    }
  ]
};

console.log(myConstant.data.some(subData => Object.keys(subData).includes("key3")))

// UPDATE
console.log(myConstant.data.some(subData => Object.keys(subData).includes("key3") && subData["key3"] == "unique3"))