如何根据搜索值从JavaScript数组中获取值?
说到JavaScript,我是个傻瓜,但我一直在努力解决这个问题。任何帮助都将不胜感激。示例和教程网站也会有所帮助。我的问题是,我将如何合并这个搜索函数来搜索带有邮政编码的JSON文件,并返回带有该邮政编码和其他数据的数组。抱歉,如果这看起来没有做任何研究,相信我,我已经玩这个太久了,我只是需要一些指导来让我开始。提前谢谢 所以我有这个表格:如何根据搜索值从JavaScript数组中获取值?,javascript,json,Javascript,Json,说到JavaScript,我是个傻瓜,但我一直在努力解决这个问题。任何帮助都将不胜感激。示例和教程网站也会有所帮助。我的问题是,我将如何合并这个搜索函数来搜索带有邮政编码的JSON文件,并返回带有该邮政编码和其他数据的数组。抱歉,如果这看起来没有做任何研究,相信我,我已经玩这个太久了,我只是需要一些指导来让我开始。提前谢谢 所以我有这个表格: <form> <input type="text" name="zip" id="zip" placeholder="Zip
<form>
<input type="text" name="zip" id="zip" placeholder="Zip Code">
<button onclick="getZip(event);">Check</button>
</form>
你最好的选择是使用loadash。如果JSON在服务器端,那么可以使用服务器端语言解析JSON并过滤结果 如果服务器端代码是nodejs,则可以使用lodash完成
如果客户端使用json.parse将json转换为javascript对象,并根据需要使用loadash的map方法提取数据。是否要在客户端搜索zip或发出一些网络请求?是否可以添加一个保存json内容的变量并填充到文档中。准备好了吗?@LeshaOgonkov我不确定,你推荐什么?哦,对不起,你需要JSON,所以你应该学会如何发出asyn请求来获取你的JSON并在其中进行搜索,看看这是否最终成为一个问题,你推荐什么?问题,那么这是StackOverflow的主题。@DallasClymer-您是否尝试过我在这里介绍的使用lodash的解决方案?那有用吗?
<script>
function getZip(e){
e.preventDefault();
var zip = document.getElementById('zip').value; // Gets the value from the text field "zip" on the form.
if (zip === "") { // Checks if the text field "zip" is empty, if so it returns an error message.
alert ('Please enter a zip code!');
}
else if (zip.length > 5) {
alert ("Please enter a valid 5 digit numeric zip code.");
}
else if (isNaN(zip)) { // Checks if the text field "zip" for alphabetic characters. The "isNaN" function is to determine if a value does not convert to a number, if so it returns an error message.
alert("Please enter a numeric value.");
} else if (zip.length == 5) {
alert("Success! " + zip);
} else { // Returns value from the text field "zip" on the form.
alert(zip);
}
return false;
}
</script>
[ {
"ZipCode": 48650,
"City": "Pinconning",
"State": "Michigan",
"StateAbbreviation": "MI",
"County": "Bay"
},
{
"ZipCode": 48651,
"City": "Prudenville",
"State": "Michigan",
"StateAbbreviation": "MI",
"County": "Roscommon"
}
]