Javascript 将行值映射到ListItem的键值

在我的angular应用程序中，我有一个

mat表

，其中我必须将值与列表项中的键匹配，然后分配值

HTML

 <table mat-table [dataSource]="result$">
 <ng-container matColumnDef="test">
            <th mat-header-cell *matHeaderCellDef class="bottom-primary-color"> test </th>
            <td mat-cell *matCellDef="let row" width="150px"> {{textTest(row.test)}} </td>
        </ng-container>
</table>

数据示例

textData = [{key: "st1", text: "step1"},
        {key: "st2", text: "step2"},
        {key: "st3", text: "step3"}]

如果

row.test

值与键值匹配。我想显示

textData

中的

text

值

示例

row.test = 'st1' // display step1.
row.test = 'st2 // display step2

请引导我。

const textData=[
{键：“st1”，文本：“step1”}，
{键：“st2”，文本：“step2”}，
{键：“st3”，文本：“step3”}，
];
const wantedKey='st1'；
函数getWantedKey（wantedKey，textData）{
如果（！wantedKey）返回“需要的空密钥”；
如果（！textData.length）返回“空文本数据”；
const result=textData.find（（行）=>{
返回行。键===wantedKey；
});
如果（！result）返回“未找到所需密钥”；
返回结果&&result.text；
}
log（getWantedKey（wantedKey，textData））

在textTest（）函数中，如果没有返回任何内容，请尝试返回textData。您还可以提供一个示例，说明输入应该是什么以及您希望输出是什么样子，这个问题有点让人困惑。我想将行值与textData的键匹配，并显示textData中的等效文本。输入'st1'输出'step1'。

row.test = 'st1' // display step1.
row.test = 'st2 // display step2