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

JavaScript018

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中的样式。