在json对象数组中找到一个键值，并用angular返回另一个键值

import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  jsonData: any[]; // 假设你的JSON数据存储在这个变量中

  constructor(private http: HttpClient) { }

  findValueByKey(key: string): any {
    const foundItem = this.jsonData.find(item => item.key1 === key);
    if (foundItem) {
      return foundItem.key2;
    }
    return null; // 如果找不到对应的键值，则返回null或其他适当的值
  }

  // 在这里可以调用API获取JSON数据，或者从其他地方获取
  fetchData() {
    this.http.get<any[]>('your-api-url').subscribe(data => {
      this.jsonData = data;
    });
  }
}

<div>
  <p>键值 "key1" 对应的另一个键值是: {{ findValueByKey('your-key') }}</p>
</div>