053-尚硅谷-尚品汇-排序复习

好嘞，各位同学，那今天呢，又是新的一天，那咱们的项目呢，还得往前继续了。那首先说啊，昨天咱们已经完成的模块是哪部分，主要是测试模块。其实主要的功能呢，部分呢，咱们几乎应该都没什么问题，对不？比如说像这个面包屑当中的这个分类啊，关键字啊，品牌呀，还有个售卖属性，这里应该是没有问题的。但是昨天晚上有个同学，应该是将近一点的时候，老师问老师就这个排序这。那所以说啊，咱们把排序这里啊，咱们得稍微说一下。好吧。那这里面呢，咱们呢，也去看一下咱们的代码，那这里呢，老师呢，把排序的代码呢，已经给他删除了。那咱们呢，自己呢，从头呢再给他搞一下。好吧。那首先说第一件事儿，看这思路一定要跟上啊。看这。

首先说flag呀，就这个啊，Flag它是什么。它是用户每一次点击立标签的时候。用于什么呢？用于区分啊区分。是是综合还是价格对不。综合是几？综合是一。价格是几呢？价格是二。对不，所以说这个呢，老师呢，给你们打印一下子。比如说你只要用户一触发点击事件，那我就会给他注入参数。那所以说你看咱们呢，给他打印一下子，咱瞄一眼。看这。现在老师点击综合没问题一。对不，我点击价格那不就是二吗？就是为了区分开到底是综合还是价格，所以这块一定要注意。第二个呢，你要注意一件事，什么事。你得先获取到咱们的这个排序的，就是初始的状态。

因为你要拿着初始的状态进行下一次的判断。对不，那所以说咱们在底下这里看这。咱们呢，先获取什么，先获取咱们的al的初始状态。为什么呢？因为咱们。需要通过初始状态，哎，初始的状态去判断接下来该干什么，就是接下来做什么。那所以说咱们获取一下呢，就是开始的这个order叫origin。Or or order，哎，老师问一下你们啊，就这个这个单词见没见过。咱就问一下，就这个单词见没见过，应该见过吧。咱们应该是学C3的时候origin对吧？背景系列的不就有几个单词吗？Origin是起源的意思，开始的意思。

对，不叫order，它等于什么？那就等于当前的这个，呃，Search para.order的起始状态。那所以说咱们得获取到起始的这个状态，而且咱们给他打印一下，你自己看。cons.log叫做啥？叫做order？对不，那咱们先看它起始的状态，它应该是什么，应该是综合教学对不？你看嘛。是不是EDC，这不就是它的起始状态？对不？但是要注意啊，这个起始状态，其实这应该是给要给它分成两部分。这两部分咱们都需要，第一个前面是数字。对不？前面的数字它标记着你当前是价格还是综合，后面是标记的是升序还是降序，所以说这两部分数据咱们都需要。

所以说咱们把起始状态的这个，呃，前面这个数字和后面这个升序降序给它获取到。对不，所以咱们light一个，咱们叫起始的什么起始的flag。对不，Flag就是用于区分是综合还是价格。所以说咱们来呗，就是order。起始的这个排序方式，它是个字符串，打点lead，你用分号去切要数组的第零项，那不就是起始的flag，就是起始到底是呃，综合还是价格？对不，那当然，你即使是升序还是降序，咱们也得获取到，叫做thought。对，不，那它应该等于什么？等于origin order.li对不，也是用分号接受组第几项，第一项。那所以说咱们还是打印一下，你看起始的这个flag是谁，是不是综合起始的这个排序方式or，呃，这个这个叫什么salt。

对不叫呃，等会or对吧，少了个or。这个so，那起始它不就是呃降序。你看嘛，就相当于把字符串用嗯，那个冒号切割这两个部分不全拿到。对不？你看不管点谁起始，是不是EDC，这是没问题。对不，那所以说咱们接下来你就得判断判断什么。因为他们默认是综合教学。对不，那用户点击，可能他上来点击的还是综合，也有可能点击的是价格，所以说你一上来你得区分，你得确定用户到底点击的是谁。对不？那所以说老师接下来做一个判断，就是判断什么判断咱们的这个flag是就是就是，呃，就是判断，咱们先说第一次吧，就是初始的状态。

咱们判断点击的是不是谁，是不是这个综合。对不，哎，综合。那你就判断呗，比如说你用户点击的这个标记，你点击的这个flag等不等于起始的这个flag，那如果相等一定点击的是谁。那一定点击的是综合，就这个衣服能不能看懂。就这。就是目前而言，初始状态，你你这俩相等，它点击的一定是一定是综合你看嘛。对不，那这个老师给你打下，这样叫综合你自己看。那首先说用户一点击传递进来，这个13是一，而你起始状态也是一，那相等，那是不是就是综合。对吧，你点这个白扯，是不是点他才才会触发。对不，那如果说你现在点击的是综合，那它默认是降序，应该把它变成啥，变成升序。对不，那所以说咱们得准备一个新的排序方式。

对不，这是啥，这是新的啊，排序的啥方式。那咱light一个叫new order叫新的排序方式，数值是空串。但是你得给他重新赋值啊。那如果你点击的都是这个综合，就目前来说都是综合，你应该怎么办？你是不是需要这么办，比如说现在这个flag还得用起始那个flag还是一。对不，就目前而言，还是一。那当然它现在是降序，降序你得给它变成啥，变成这个这个这个这个升序，所以你得判断判断起始的这个排序方式，它等不等于降序，那当然现在是不是等。那如果是降序，我就给它变成了升序as sc，那否则呢，它就是de sc。就这里的现在的这行代码能不能看懂。现在这里的这行代码能不能看懂，可以吧。就现在这儿可以吧。

对不，那当然初始状态的这个else，你看这是初始。状态对不，那这个else应该谁，就目前而言应该是判断的点击的是不是谁，是不是价格，就目前而言。那如果说你点击的是价格，那你看它起始你看这。你看这盯住数据，别自己满脑子搁这想，你看他起始数据是不是1DC，那如果说我点击的是价格，你是不是应该把这个一换成二，而且咱们也说过，默认都是逆序的，不是降序的。对不，那所以说你这个new order。哎，New order or new order等于什么？是不是应该等于？来模板，这是不是应该等于咱们这个新传进来这个FLAG2。对不？那以及咱默认多让的是什么，去多让的是逆去BC。对，不，但是千万别忘记你需要。

给咱们的这个order重新赋值。对，不，那就是this.search para.order等于什么？等于order？这不or DR order，对，错了，是new order，对不new order。咱们先不发请求，就先把这先给我想走。你自己看来看这。来。老师呢，把这个呢，开发者工具呢，我给你打开，你看这啊，我把这个开发者工具我给你打开变大一点，你看这啊。盯住盯住这。老师先把没用地先给你合上来。看这。起始的状态，看这起始的状态是不是应该是综合降序，没问题，你看啊，现在老师一点击这儿，我一点击这啊，我一点击这，现在老师问你走谁，是不是走这。那它是不是应该变成啥，变成一。咋的asc？

是不是应该是综合升学，那你一定要注意，现在下一次点击的时候，这个状态是变的。就现在是啥，现在是EASC了。你一定要注意，当你再点击价格的时候，举个例子，当老师再点击价格的时候，你初始的状态已经发生变化了，这能不能懂？也并不是说这个初始状况它一定是永远是ED，因为咱将来还会给它赋值。你再点击再进行下一次判断的时候，它这个值会变的。这能懂不？这个能不能懂。对吧，那就举个例子，老师再点击我，如果说我再点击价格你看吧。是不是变成二二，是不是价格是DC。对不，那就举个例子，现在老师没点击，假如我再点击。假如说我再点击你这个起始的origin order可不是1DEC了，是谁是2DEC，这能不能懂？这能不能等，就假如说现在现在是价格，就那个呃，逆序呢，就是降序，如果老师再点击价格，你看它初始的状态可不是EDC了，是啥了。

是啥，是不是应该是这个这个二。DC了，对不，那它就是谁，它就是二，它就是DC，你还得底下重新判断判断点击的是不是同一个按钮，是不是，是不是，如果是同一个按钮，对不？你举个例子，现在还是二。那我点击它，它是不是也是二对不，那是不是又是走这个if。对不？Flag是二，你现在起源的这个flag不也是二吗？那相等是不是又进行了，呃呃嗯，这个降序和升序的判断，你如果原来是降序，那我不就升序嘛，你原来升序那就降序。所以说千万别有别有一个误区，什么误区，说老师这个值是不是不会变，它会变的，因为底下这你要给它重新赋值的。就这能不能走？

就这一块能不能懂，能懂的给老师扣一个六。比如说你判断一个元素是升序还是降序，咱是在这儿进行操作的，你切换不同的按钮，它永远是逆序。对不？所以你自己看吧，你切换你看这样你点说白了就这块儿的判断，判断的啥判断的，你点击的是不是同一个，就是这块判断，判断的是每一次点击的时候就多次点击。多次点击的是不是同一个啥，同一个力。对吧，就是同一个案子。对不，而这个是代表的是点击的，不是相同的按钮，这个点击的。不是同一个啊，同一个按钮啥意思？那顶这个if它永远判断啥，判断的是你点击的是相同的按钮，就比如我第一次点击的是综合，下一次还点综合，那一定是走if。

对不，所以他在进行什么，他在进行这个升序和降序的操作，而当你点击，就比如说现在老师一直点击做后，我点击价格，那一定是走的是else。它永远默认是逆序，那如果我再点击相同的按钮，它又走一伏了，又进行升序和降序的判断，就这能不能等？所以一定要注意别有一个误区，说老师初始的那个order会不会变，它会变的。你自己看它会变的。因为咱们在底下要给它重新赋值呢，每一次点击的时候，你这个order都是最新的值，就是说白就上一次的数值。说实话，这能不能懂，能懂的给老师扣一个六。这个能不能懂，能懂给老师扣一个六，那当然你没有完事，你最终还要怎么再次发请求？对不啊，就是再次。哎，再次发请求，对不，就是这点get。

你看这不就完事了。所以说一定要注意，其实说白了这个if判断啥判断，你点击的多次点击的是同一个按钮，再进行声序和教训，而al的al是你点击的不是同一个，多次点击的不是同一个点击另外一个，它是逆序。对不，这看这不就做完了吗？所以说这是咱们昨天当中相对而言挺绕的一个小地方，但你再回首看能不能理解。一定要注意，千万别有一个误区，什么误区就是这玩意儿它发不发生变，一定发生变化，因为你每次都要给它重新赋值的。能不能走？能走的给老师扣一个量。