题解 | #数组排序#

创建函数使用快速排序法,对数组的销量进行排序,对按钮绑定点击事件

 <script>
            var cups = [
                { type: 1, price: 100, color: 'black', sales: 3000, name: '牛客logo马克杯' },
                { type: 2, price: 40, color: 'blue', sales: 1000, name: '无盖星空杯' },
                { type: 4, price: 60, color: 'green', sales: 200, name: '老式茶杯' },
                { type: 3, price: 50, color: 'green', sales: 600, name: '欧式印花杯' }
            ]
            var ul = document.querySelector('ul');
            var upbtn = document.querySelector('.up');
            var downbtn = document.querySelector('.down');
            // 补全代码
              function quick(array){
                const N=array.length
                if(N<=1){
                    return array
                }
                const base=array[N-1]
                const left=[],right=[]
                for(let i=0;i<N-1;i++){
                    if(array[i].sales<base.sales){
                        left.push(array[i])
                    }else{
                        right.push(array[i])
                    } 
                }
                return  quick(left).concat(base,quick(right))
            }

            upbtn.onclick=function(){
                ul.innerHTML=''        
                cups = quick(cups)
                for(let i=0;i<cups.length;i++)
                    {
                        let li=document.createElement('li')
                        li.innerHTML=`${cups[i].name}`
                        ul.appendChild(li)
                    }
            }

            downbtn.onclick=function(){
                ul.innerHTML=''
                cups=quick(cups).reverse()
                for(let i =0;i<cups.length;i++){
                    let li=document.createElement('li')
                    li.innerHTML=`${cups[i].name}`
                    ul.appendChild(li)
                }
            }
        </script>