js实现查询商品案例

本文实例为大家分享了js实现查询商品的具体代码，供大家参考，具体内容如下

  按照价格查询： - 
  搜索 按照商品名称查询：
  查询
 
 

  

   

    
id
    
产品名称
    
价格
   
  
  

   
  

 css:

 *{
   margin: 0;
   padding: 0;
  }
  body{
   width: 1000px;
   margin: 0 auto;
  }
  .search{
   text-align: center;
   
  }
  table{
   padding-top: 20px;
   width: 1000px;
   height: 100px;
   
   margin:0 auto ; 
   
  }
  th,tr,td{
   border: 1px solid #ccc;
   text-align: center;
   height: 50px;
 }

js：

实现效果：

为什么最后需要利用some进行查询：

因为利用数组的some方法，查询遍历，只要返回值结果为true便可结束程序，不需要浪费太多的事件，大大加强了办事效率

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。