如何通过javascript实现excel数据自动筛选功能？

JavaScript010

如何通过javascript实现excel数据自动筛选功能？,第1张

写下思路吧：

写个过滤的function

var allData = [] //数组

function filter(key){

var len = allData .length

var result = []

for(var i=0i<leni++){

if(allData[i].indexOf(key)!=-1){//key 拉列表框选择相应项

result.push(allData[i])

}

}

return result

}

AngularJS的内置过滤器使用方法:

一个过滤器，不带参数的情况

{{expression | filter}}

一个过滤器，带参数的情况

{{expression | filter:arguments}}

一个过滤器，带多个参数的情况

{{expression | filter: arg1: arg2: ...}}

多个过滤器，不带参数的情况

{{expression | filter1 | filter2 | ...}}

分别使用以下AngularJS的内置过滤器

currency

currency允许我们设置自己的货币符号，默认情况下会采用客户端所处区域的货币符号。

可以这样使用：{{ 3600 | currency: "$￥"}}

返回结果为$￥123.00

online code点击预览

number

number过滤器将数字格式化成文本，它的参数是可选的，用来控制小数点后的截取位数

如果传入的是一个非数字字符，会返回空字符串

可以这样使用：{{ 3600 | number:2}}

返回结果为：3,600.00

online code点击预览

lowercase

lowercase将字符串转换为小写

可以这样使用：{{ "HEllo" | lowercase}}

返回结果为：hello

online code点击预览

uppercase

uppercase将字符串转换为大写

可以这样使用：{{ "HEllo" | uppercase}}

返回结果为：HELLO

online code点击预览

filter 是根据返回的值是否为真来判断是否保留元素，所以可以这样实现

Array.prototype.filter = Array.prototype.filter || function(func) {

    var arr = this

    var r = []

    for (var i = 0 i < arr.length i++) {

        if (func(arr[i])) {

            r.push(arr[i])

        }

    }

    return r

}

因为目前大部分浏览器有 filter 实现，所以测试时只能改个名字叫 filterx，下面是测试代码

var data = [1,2,3,4,5,6,7]

Array.prototype.filterx = Array.prototype.filterx || function(func) {

    var arr = this

    var r = []

    for (var i = 0 i < arr.length i++) {

        if (func(arr[i])) {

            r.push(arr[i])

        }

    }

    return r

}

console.log(data.filter(function(t) {

    return t % 3 > 0

}))

console.log(data.filterx(function(t) {

    return t % 3 > 0

}))