javascript--筛选

最新推荐文章于 2024-03-27 08:48:11 发布

原创最新推荐文章于 2024-03-27 08:48:11 发布 · 311 阅读

1 ·

CC 4.0 BY-SA版权

Javascript基础专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用JavaScript的数组filter方法实现的手机店铺筛选器。该筛选器可以根据品牌、操作系统、网络类型和屏幕尺寸等参数过滤商品列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    var shopsList = [
      {
        imgUrl:'',
        size: '4.0-4.5英寸',
        system: 'ios',
        www:'联通3G',
        name:'苹果',
        volume:100000,
        price: 5000
      },
      {
        imgUrl:'',
        size: '4.0-4.5英寸',
        system: 'ios',
        www:'双卡单4G',
        name:'苹果',
        volume:100,
        price: 50000
      },
      {
        imgUrl:'',
        size: '4.6-4.9英寸',
        system: 'ios',
        www:'双卡单4G',
        name:'苹果',
        volume:30,
        price: 50080
      },
      {
        imgUrl:'',
        size: '4.6-4.9英寸',
        system: 'android',
        www:'联通3G',
        name:'小米',
        volume:1020,
        price: 50400
      },
      {
        imgUrl:'',
        size: '4.0-4.5英寸',
        system: 'android',
        www:'双卡单4G',
        name:'小米',
        volume:1040,
        price: 54000
      },
      {
        imgUrl:'',
        size: '4.6-4.9英寸',
        system: 'android',
        www:'双卡单4G',
        name:'小米',
        volume:1004,
        price: 50040
      }
    ];

    var filterObj = {
      name: "苹果",
      system: 'ios',
      www:'双卡单4G',
      size: '4.6-4.9英寸',
    };

    function handleFilter() {
      var filterArr = shopsList;
      for(var arr in filterObj) {
        filterArr = filterArr.filter(function(obj) {
          console.log(arr);
          return obj[arr] === filterObj[arr];
        });
      }
      return filterArr;
    }

  </script>

使用数组的filter方法