js对象操作——多条件筛选

JavaScript017

js对象操作——多条件筛选,第1张

之前在做多条件筛选时用到了对象，多条件筛选的思路，并总结了几个关于对象的操作

var array = new Object()

创建一个空对象用来存储你传的参数，就是每个点击事件都要传参且也要将参数存储起来

同时筛选里面也会涉及到清空参数以及删除某一个值，例子：

var array={"name": "xiaojiayu", "age": 24, "gender": "man","sex":""}

 1、删除对象里某一个值

delete array.name            

2、清空对象

for(var key in array){

    delete array[key]          

}

 3、清除对象里空的键值对

for(var key in array){

    if(array[key] === ""){

        delete array[key]          

    }

}

js商品筛选功能的具体代码步骤如下：

1、根据数据结构生成HTML结构（利用dom操作）。

2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数。

3、点击a标签，把a标签的内容添加在对象中，同时添加样式。

4、根据对象存的属性生成选择则条件的HTML结构（按顺序排列）。

5、点击关闭选择的条件，删除数据，移除HTML结构，去除在其对应的li中的样式。