HarmonyOS 鸿蒙Next 搜索历史记录排列顺序问题？代码如下

打印了一下，只要你点击“搜索”你就会把静态的NextId+1

所以我换了位置，当输入的内容存在时，再去new HistoryWordModel实例

所以我换了位置，当输入的内容存在时，再去new HistoryWordModel实例

import promptAction from '@ohos.promptAction'

@Entry
@Component
struct MainPage {
  @State historyWords: Array<HistoryWordModel> = []
  @State currentInputBoxContent: string = ''
  private historyWordIndex: number = 1
  build() {
    Column() {
      TextInput({ placeholder: '请输入', text: this.currentInputBoxContent })
        .onChange(event => {
          this.currentInputBoxContent = event
        })

      Button('搜索').width(200).onClick(() => {
        this.submitData()
      })

      ForEach(this.historyWords, (item: HistoryWordModel) => {
        Row() {
          Text(item.word).fontSize(16)
          Text().width(50)
          Text(item.index.toString())
        }
      })

    }
  }

  submitData() {
    if (this.currentInputBoxContent.length != 0) {
      let wordModel: HistoryWordModel = new HistoryWordModel(0, this.currentInputBoxContent)
      //标识本次搜索的关键词是否存在
      let exist: boolean = false

      //如果搜索关键词存在，记录其位置，如果发现其已经是第一个位置，则不进行排序刷新动作
      let existIndex: number = -1

      //判断搜索关键是否存在于历史搜索词列表中
      this.historyWords.forEach((item, index) => {
        if (item.word === wordModel.word) {
          //如果本次搜索关键词已经处于历史搜索词的第一个位置，不做删除动作
          if (index != 0) {
            //如果存在，先删除历史词列表中的这个关键词
            this.historyWords.splice(index, 1)
          }
          exist = true
          existIndex = index
        }
      });

      //本次搜索关键词在历史搜索词列表中处于第一个位置，因此不做任何额外处理
      //NOTE：真实场景中，这里除了重置状态，应该发起网络请求
      if (existIndex == 0) {
        promptAction.showToast({ message: '不需要刷新页面' })
        this.currentInputBoxContent = ''
        return
      }

      if (!exist) {
        wordModel.index = this.historyWordIndex++
        this.historyWords.push(wordModel)
      } else {
        this.historyWordIndex++
        this.historyWords.push(new HistoryWordModel(this.historyWordIndex, wordModel.word, wordModel.link))
      }

      //NOTE：这个就是中转排序的起始代码
      let Test: Array<HistoryWordModel> = []

      this.historyWords.forEach((item, index) => {
        Test.push(item)
      })

      // 根据 HistoryWordModel 对象的 index 属性进行降序排序（较大的 index 值排在前面）
      Test.sort((a: HistoryWordModel, b: HistoryWordModel) => {
        return b.index - a.index
      })

      // 清空原数组 this.historyWords 的内容
      this.historyWords.length = 0

      // 再重新把Test数组中的内容复制给 historyWords
      Test.forEach((item, index) => {
        this.historyWords.push(item)
      })
      //NOTE：这个就是中转排序的结束代码

      this.currentInputBoxContent = ''

    } else {
      promptAction.showToast({ message: '请输入关键词' })
    }
  }
}

class HistoryWordModel {
  static NextId: number = 0; // 静态变量
  id: number;
  index: number;
  word: string;
  link?: string;

  constructor(index: number, word: string, link?: string) {
    console.info('=====HistoryWordModel.NextId',HistoryWordModel.NextId)
    this.id = HistoryWordModel.NextId++;
    this.index = index;
    this.word = word;
    this.link = link;
  }
}