HarmonyOS 对象内数组排序问题

示例参考如下：

interface TestData {
  rank: number,
}

@Observed
class TestObserver {
  list1: TestData[] =
    [{ rank: 10 }, { rank: 5 }, { rank: 2 }, { rank: 51 }, { rank: 8 }, { rank: 98 }, { rank: 1 }, { rank: 4 },
      { rank: 24 }, { rank: 19 }, { rank: 18 },]

  doSort() {
    this.list1 = this.list1.sort((v1: TestData, v2: TestData) => {
      return v1.rank - v2.rank
    })
    console.log("=================================list1：" + this.list1)
  }
}

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State testObserver: TestObserver = new TestObserver();

  build() {
    Row() {
      Column() {
        TestView({ list1: this.testObserver.list1 })
      }
      .width('100%')
    }
    .height('100%')
  }
}

@Component
export struct TestView {
  @State list2: TestData[] =
    [{ rank: 10 }, { rank: 5 }, { rank: 2 }, { rank: 51 }, { rank: 8 }, { rank: 98 }, { rank: 1 }, { rank: 4 },
      { rank: 24 }, { rank: 19 }, { rank: 18 },]
  @Prop list1: TestData[];

  build() {
    Column() {
      Button("添加list1").onClick(() => {
        this.list1.push({ rank: 12 })
      })
      Button("添加list2").onClick(() => {
        this.list2.push({ rank: 12 })
      })
      Button("执行排序1").onClick(() => {
        this.list1.sort((v1: TestData, v2: TestData) => {
          return v1.rank - v2.rank
        })
      })
      Button("执行排序2").onClick(() => {
        this.list2.sort((v1: TestData, v2: TestData) => {
          return v1.rank - v2.rank
        })
      })

      ForEach(this.list1, (value: TestData, index: number) => {
        Text("index:" + index + " value:" + value.rank).width('100%').textAlign(TextAlign.Start)
      })
      Stack().height(20)

      ForEach(this.list2, (value: TestData, index: number) => {
        Text("index:" + index + " value:" + value.rank).width('100%').textAlign(TextAlign.Start)
      })
    }.width('100%').height('100%')
  }
}