已知关联元素时如何从JavaScript对象获取价值？

Question

我放入HTML

console.log(foo["_pristineData"]);

在控制台上看到的

value字段是唯一的。我可以将value提交给

document.getElementById("blablaInput").value;

它返回BAR。

如何基于Bar join stock company获取文本BAR（我能得到什么）？

（返回字符串，而不是类似问题Get JavaScript object from array of objects by value of property的对象，不是重复的问题）

Answer 1

由于字段值是唯一的，因此可以使用查找和返回值，以防万一，如果您有多个值并且想要捕获所有值，则可以使用filter

const foo =[
  {value: 'FOO', text:'some text'},
  {value: 'BAR', text: 'Some bar text'}
]

const getValue = () =>{
  let value = document.getElementById('id_1').value
  let found = foo.find(v=> v.value === value)
  let final = found ? found.text : 'Not found'
  console.log(final)
}

<input id='id_1' value=''></input>
<button onClick='getValue()'>Give me value</button>

Answer 2

使用find：

const foo = {
  _pristineIndex: [{value: "FOO", text: "Foo limited liability company"},
{value: "BAR", text: "Bar joint stock company"},
{value: "", text: ""}]
};

const { text: res } = foo._pristineIndex.find(({ value }) => value == "BAR");

console.log(res);