Javascript 使用html onclick submit按钮，搜索js数组，然后在原始html div中显示特定数据_Javascript_Arrays_Search

Javascript 使用html onclick submit按钮，搜索js数组，然后在原始html div中显示特定数据

javascript arrays search

Javascript 使用html onclick submit按钮，搜索js数组，然后在原始html div中显示特定数据,javascript,arrays,search,Javascript,Arrays,Search,正在观看youtube视频试图学习如何搜索数组中的特定条目数据吗下面是一个使用console.log的js数组示例 Js数组示例： var data = { username: "john", email: "28@GSDF.COM", status: true, id: 25 }; var data = { username: "jIM", email: "27@GSDF.COM", status: false, id: 23 }; var dat

正在观看youtube视频试图学习如何搜索数组中的特定条目数据吗

下面是一个使用console.log的js数组示例

Js数组示例：

    var data = {
  username: "john",
  email: "28@GSDF.COM",
  status: true,
  id: 25
};

var data = {
  username: "jIM",
  email: "27@GSDF.COM",
  status: false,
  id: 23
};

var data = {
  username: "Jane",
  email: "25@GSDF.COM",
  status: false,
  id: 22
};

{
  console.log(data);
}

下面是html，我想用onclick submit按钮来搜索数组，让它显示上面js数组的特定结果？然后在html div中显示/打印

<html>
<head>
<title>get value</title>


    <script type="text/javascript">
    function getDisplay(){
    var username = document.getElementById("username").value;
    var email = document.getElementById("email").value;
    document.getElementById("display").innerHTML = "username" +  username + "<br/>email" + email;
    }
</script>

</head>
<body>

  <div id="whole">
        Username : <input type="text" name="username" id="username">

        Email : <input type="email" name="email" id="email"></br>


        <button onclick=getDisplay()>Submit</button>

  </div>
  <div id="display">
  </div>


</body>
</html>


获得价值
函数getDisplay（）{
var username=document.getElementById（“用户名”）.value；
var email=document.getElementById（“email”）.value；
document.getElementById（“display”）.innerHTML=“用户名”+用户名+”
电子邮件“+电子邮件；
}
用户名：
电邮：

提交

如果您能推荐任何帮助我学习的视频或读物，我将不胜感激。

一组对象应如下所示：

      var arr = [{
                  username: "john",
                  email: "28@GSDF.COM",
                  status: true,
                  id: 25
                 },
                {
                  username: "jIM",
                  email: "27@GSDF.COM",
                  status: false,
                  id: 23
                },
                {
                  username: "Jane",
                  email: "25@GSDF.COM",
                  status: false,
                  id: 22
                }
               ]

var data=[{
          username: "john",
          email: "28@GSDF.COM",
          status: true ,
          id: 25
         },
         {
         username: "jIM",
         email: "27@GSDF.COM",
         status: false,
         id: 23
         }];

在代码中，您需要执行以下操作：

    <html>
     <head>
        <title>get value</title>


    <script type="text/javascript">

    var arr = [/*Your data here */];

    function getDisplay(){
           var username = document.getElementById("username").value;
           var email = document.getElementById("email").value;

           document.getElementById("display").innerHTML = "username" +  username + "<br/>email" + email;

      for(let i = 0; i < arr.length; i++) {
          let element = arr[i];
          //Your search logic goes here
      }
    }
</script>

</head>
  <body>

      <div id="whole">
              Username : <input type="text" name="username" id="username">

        Email : <input type="email" name="email" id="email"></br>


        <button onclick=getDisplay()>Submit</button>

  </div>
  <div id="display">
  </div>


</body>
</html>


获得价值
var arr=[/*您的数据在此*/]；
函数getDisplay（）{
var username=document.getElementById（“用户名”）.value；
var email=document.getElementById（“email”）.value；
document.getElementById（“display”）.innerHTML=“用户名”+用户名+”
电子邮件“+电子邮件；
for（设i=0；i
提交

首先，您所做的不是数组，您希望此数组对象如下所示：

      var arr = [{
                  username: "john",
                  email: "28@GSDF.COM",
                  status: true,
                  id: 25
                 },
                {
                  username: "jIM",
                  email: "27@GSDF.COM",
                  status: false,
                  id: 23
                },
                {
                  username: "Jane",
                  email: "25@GSDF.COM",
                  status: false,
                  id: 22
                }
               ]

var data=[{
          username: "john",
          email: "28@GSDF.COM",
          status: true ,
          id: 25
         },
         {
         username: "jIM",
         email: "27@GSDF.COM",
         status: false,
         id: 23
         }];

正如您所看到的，这是一个带有obejcts的数组，现在您可以使用它了。

使用Object.keys（数据）。

假设您的json应该是这样的。您的搜索逻辑如下所示

var数据=[
{
用户名：“john”，
电子邮件：“28@GSDF.COM",
状态：正确，
身份证号码：25
},
{
用户名：“吉姆”，
电子邮件：“27@GSDF.COM",
状态：false，
身份证号码：23
},
{
用户名：“Jane”，
电子邮件：“25@GSDF.COM",
状态：false，
身份证号码：22
}
];
函数getDisplay（）{
var username=document.getElementById（“用户名”）.value；
var email=document.getElementById（“email”）.value；
data.forEach（函数（项、索引）{
如果（（item.username==用户名）和&（item.email==电子邮件））{
var displayData=“用户名：”+item.username+“”+
“电子邮件：+item.EMail+””+
状态：“+item.Status+””+
“ID:”+item.ID+“”；
$（“#display”）.html（displayData）；
}
});
}


用户名：

电邮：

提交

您发布的数组示例不是实际的数组。它是一个多次定义的对象。如果您想声明一个数组，您需要使用

[]

符号。@tomerpacific=>如果您能推荐任何视频或东西来帮助我学习，我们将不胜感激。例如，我应该把方括号放在哪里？