Vue案例-名字过滤以及年龄排序

代码

    
    

        

            
序号
            
姓名
            
年龄
        
        

        
            
{{user.id}}
            
{{user.name}}
            
{{user.age}}
        
    
    升序

    降序

    不排序

• 使用lambda表达式，filter()函数返回原来的数据集

字符串调用indexOf(’’)返回0–>’'空字符串
indexOf(‘abc’)–>字符串中不存在’abc’时，返回-1

let newUsers = this.users.filter(user => user.name.indexOf(searchText)>-1)

• sort((user1,user2)=>return user1.age-user2.age),根据age的值进行升序排序

newUsers.sort((user1,user2) => {
                            if(order==1){
                                return user1.age-user2.age
                            }else if(order==2){
                                return user2.age-user1.age
                            }
                        })