JavaScript怎么遍历JSON取返回的数据

问题遇到的现象和发生背景

{"returnPhrase":["people"],
"query":"people",
"errorCode":"0",
"l":"zh-CHS2en",
"tSpeakUrl":"https://openapi.youdao.com/ttsapi?q=people&langType=en&sign=FA1C2A26533BA34874A44A3328CABCA6&salt=1657338260717&voice=4&format=mp3&appKey=434a26333bf1a540&ttsVoiceStrict=false",
"web":[{"value":["**人民**","人员","人们","人物"],"key":"people"},{"value":["凡夫俗子","普通人","老百姓","平常人"],"key":"Ordinary People"},{"value":["年轻人","青年人","年青人","青少年"],"key":"young people"}}

这是一个网站API返回的数据，请问怎么用JS怎么遍历取得加粗的“人民”这个位置的值，就是value的第一项，不太懂

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

var jsondata = json数据;
var date = eval("("+ jsondata+")");
for( var i = 0; i< data.web.length; i++){
alert(data.web. value[i]);
}

大概就是这样，用手机打的，试试

比如你当前的数据是data，那就是((data.web)[0].value)[0]

var jsonData = {
"returnPhrase": ["people"],
"query": "people",
"errorCode": "0",
"l": "zh-CHS2en",
"tSpeakUrl": "https://openapi.youdao.com/ttsapi?q=people&langType=en&sign=FA1C2A26533BA34874A44A3328CABCA6&salt=1657338260717&voice=4&format=mp3&appKey=434a26333bf1a540&ttsVoiceStrict=false%22,
"web": [
{ "value": ["人民", "人员", "人们", "人物"], "key": "people" },
{ "value": ["凡夫俗子", "普通人", "老百姓", "平常人"], "key": "Ordinary People" },
{ "value": ["年轻人", "青年人", "年青人", "青少年"], "key": "young people" }
]
}
var data = jsonData.web;
data.map(item => {
console.log(item.value[0])
})