个人中心
gpt4 book ai didi

javascript - 我想从 javascript 中的 json 对象中搜索字符串

转载 作者：行者123 更新时间：2023-12-02 14:25:36 25 4
gpt4 key购买 nike

我想从用户提供的所有输入中搜索房屋名称。因此，如果用户详细信息如下:

[{"houseName":"man","houseType":"别墅","houseFloors":"七","houselocation":"西雅图"},{"houseName":"band","houseType":"小","houseFloors":"二","houselocation":"华盛顿特区"}]

如果我以 man 的身份提供搜索，它应该给我:

[{"houseName":"man","houseType":"别墅","houseFloors":"七","houselocation":"西雅图"}]

代码如下:

<html>
<head>
<title>JavaScript</title>
</head>

<body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label>House Name
  <input type='text' name='houseName' id='houseName' placeholder="House Name">
</label>
<br>
<br>
<label>House type
  <input type='text' name='houseType' id='houseType' placeholder="House type">
</label>
<br>
<br>
<label>House Floors:
  <input type='text' name='houseFloors' id='houseFloors' placeholder="House Floors">
</label>
<br>
<br>
<label>House Location:
  <input type='text' name='houselocation' id='houselocation' placeholder="House Location">
</label>
<br>
<br>
<div>
<label>search:
  <input type="text" name="search" id="search-input" placeholder="search">
  <input type="submit">
</div>
<button type="button" id="add">Add Details</button>
<button type="button" id="print">Show</button>

<pre></pre>
<script>
    var list = [],
  $ins = $('#houseName, #houseType, #houseFloors, #houselocation'),
  var counter = {
    houseName: {},
    houseType: {},
    houseFloors: {},
    houselocation: {}
  };

 $('#add').click(function() {
  var obj = {},
    valid = true;
  $ins.each(function() {
    var val = this.value;
    if (val) {
      obj[this.id] = val;
    } else {

      alert(" Cannot be blank");

      return false;
    }
  });
  if (valid) {
    list.push(obj);
    $ins.val('');

  }
});

$('#print').click(function() {
  $('pre').text(JSON.stringify(list) + '\n\n');

})
var keyword = $('#search-input').val();
var filteredList = list.filter(function(user){
   return user.houseName === 'man'; // Or u can use indexOf if u want check if the keyword is contained
});


</script>

</body>

</html>

最佳答案

您可以使用Array.prototype.filter。

在你的情况下，它看起来像

var filteredList = list.filter(function(user){
   return user.houseName === 'man'; // Or u can use indexOf if u want check if the keyword is contained
});

如果您想使用输入框进行搜索，则还需要做一些工作:

//The follow code should be executed when u are going to do the 'search' action
//It could be an click on a button, or just in a listener which is triggered when the search box fires 'change' events

//First u need to get the keyword from the search input box:
var keyword = $('#search-input').val();

//maybe do some value check
//if (keyword === '') return;

//then get the filtered List
var filteredList = list.filter(function(user){
   return user.houseName === keyword; 
});

//Finally update the UI based on the filtered List
//Maybe jQuery's DOM functions could be helpful

关于javascript - 我想从 javascript 中的 json 对象中搜索字符串，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38279850/

25 4 0
文章推荐： grails - 如何从 Controller 中的参数中提取列表
文章推荐： git - 如何将文件推送到过去的时间？
文章推荐： grails - 在 grails geb 中通过数字 id 进行选择
文章推荐： regex - 为什么此代码会跳过所有其他输入行
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com