原生js实现表格按列排序

┆野战/╱霸王┆

面击表头，按该列的元素举办排序

[code]            ID      QQ      score              110.0800      230.0600      320.5700      440.5500      560.5300      650.0400      770.0200      880.5100            const order = {      init(param) {        const that = this;        const table = param.el;        if (!table) return;        // TODO: 获得tbody节面        const tbody = table.getElementsByTagName(&#39;tbody&#39;)[0];        console.log(tbody);        // TODO: 获得一切th节面，并将其转为数组        const ths = Array.prototype.slice.call(table.getElementsByTagName(&#39;th&#39;))        // TODO: 获得一切tr节面，并将其转为数组        const trs = Array.prototype.slice.call(table.getElementsByTagName(&#39;tr&#39;))        const list = this.getBodyList(trs.slice(1));        ths.forEach((th, index) => {          // TODO: 请为th绑定面击事变          th.addEventListener(&#39;click&#39;, () => {            // TODO: 判定当前数据能否为降序            const isAsc = this.isAsc(list, index);            // TODO: 假设当前为降序，则将list降序排序；假设当前为降序，则将list降序排序；            list.sort((a, b) => isAsc ? b.value[index] - a.value[index] : a.value[index] - b.value[index]);            // TODO: 将排序后的list从头插进tbody中            for (let i = 0; i </span listspan class="token punctuation"./spanlengthspan class="token punctuation";/span ispan class="token operator"++/spanspan class="token punctuation")/span span class="token punctuation"{/span              span class="token keyword"let/span str span class="token operator"=/span span class="token string"&#39;&#39;/span              span class="token keyword"for/span span class="token punctuation"(/spanspan class="token keyword"let/span j span class="token operator"=/span span class="token number"0/spanspan class="token punctuation";/span j span class="token operator"/span listspan class="token punctuation"[/spanispan class="token punctuation"]/spanspan class="token punctuation"./spanvaluespan class="token punctuation"./spanlengthspan class="token punctuation";/span jspan class="token operator"++/spanspan class="token punctuation")/span span class="token punctuation"{/span                str span class="token operator"+=/span span class="token template-string"span class="token template-punctuation string"`/spanspan class="token string"td/spanspan class="token interpolation"span class="token interpolation-punctuation punctuation"${/spanlistspan class="token punctuation"[/spanispan class="token punctuation"]/spanspan class="token punctuation"./spanvaluespan class="token punctuation"[/spanjspan class="token punctuation"]/spanspan class="token interpolation-punctuation punctuation"}/span/spanspan class="token string"/td/spanspan class="token template-punctuation string"`/span/spanspan class="token punctuation";/span              span class="token punctuation"}/span              listspan class="token punctuation"[/spanispan class="token punctuation"]/spanspan class="token punctuation"./spantrspan class="token punctuation"./spaninnerHTML span class="token operator"=/span strspan class="token punctuation";/span            span class="token punctuation"}/span            span class="token keyword"let/span htmlstr span class="token operator"=/span span class="token string"&#39;&#39;/span            span class="token keyword"for/span span class="token punctuation"(/spanspan class="token keyword"let/span i span class="token operator"=/span span class="token number"0/spanspan class="token punctuation";/span i span class="token operator"/span listspan class="token punctuation"./spanlengthspan class="token punctuation";/span ispan class="token operator"++/spanspan class="token punctuation")/span span class="token punctuation"{/span              htmlstr span class="token operator"+=/span span class="token string""tr"/span span class="token operator"+/span listspan class="token punctuation"[/spanispan class="token punctuation"]/spanspan class="token punctuation"./spantrspan class="token punctuation"./spaninnerHTML span class="token operator"+/span span class="token string""/tr"/spanspan class="token punctuation";/span            span class="token punctuation"}/span            tbodyspan class="token punctuation"./spaninnerHTML span class="token operator"=/span htmlstr          span class="token punctuation"}/spanspan class="token punctuation")/spanspan class="token punctuation";/span        span class="token punctuation"}/spanspan class="token punctuation")/spanspan class="token punctuation";/span      span class="token punctuation"}/spanspan class="token punctuation",/span      span class="token function"getBodyList/spanspan class="token punctuation"(/spanspan class="token parameter"trs/spanspan class="token punctuation")/span span class="token punctuation"{/span        span class="token keyword"return/span trsspan class="token punctuation"./spanspan class="token function"map/spanspan class="token punctuation"(/spanspan class="token punctuation"(/spanspan class="token parameter"trspan class="token punctuation",/span index/spanspan class="token punctuation")/span span class="token operator"=> {          // TODO: 获得tr的一切td节面，并将其转为数组          const tds = Array.prototype.slice.call(tr.children)          // TODO: 将td的内乱容转为数字，��换上面0的值          const val = tds.map(td => td.innerHTML);          return { tr: tr, value: val };        });      },      isAsc(list, index) {        // TODO: 判定list的value中第index个值能否为降序排列        for (let i = 1; i <span class="token operator">