Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何根据搜索值从JavaScript数组中获取值?_Javascript_Json - Fatal编程技术网

如何根据搜索值从JavaScript数组中获取值?

如何根据搜索值从JavaScript数组中获取值?,javascript,json,Javascript,Json,说到JavaScript,我是个傻瓜,但我一直在努力解决这个问题。任何帮助都将不胜感激。示例和教程网站也会有所帮助。我的问题是,我将如何合并这个搜索函数来搜索带有邮政编码的JSON文件,并返回带有该邮政编码和其他数据的数组。抱歉,如果这看起来没有做任何研究,相信我,我已经玩这个太久了,我只是需要一些指导来让我开始。提前谢谢 所以我有这个表格: <form> <input type="text" name="zip" id="zip" placeholder="Zip

说到JavaScript,我是个傻瓜,但我一直在努力解决这个问题。任何帮助都将不胜感激。示例和教程网站也会有所帮助。我的问题是,我将如何合并这个搜索函数来搜索带有邮政编码的JSON文件,并返回带有该邮政编码和其他数据的数组。抱歉,如果这看起来没有做任何研究,相信我,我已经玩这个太久了,我只是需要一些指导来让我开始。提前谢谢

所以我有这个表格:

<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"
    }
]