Как получить значение из объекта JavaScript, когда известен ассоциированный элемент?

Question

Я положил в HTML

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

на консоли вижу

value поле уникально. Я могу получить value поданный

document.getElementById("blablaInput").value;

Возвращаем BAR.

Как получить текст Bar join stock company на основе BAR (что я могу получить)?

(вернуть строку, а не объект, подобный этому вопросу Получить объект JavaScript из массива объектов по значению свойства Вопрос не повторяется)

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);