HarmonyOS 鸿蒙Next关于数组删除元素后索引更新的问题

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next关于数组删除元素后索引更新的问题

我在ListItem里面放了一个删除单条数据的图片，然后写了一个删除数组元素的操作。

export struct szItem{
  @ObjectLink itemArr:…//传进来一个二维数组

…

List() {
  ForEach(this.itemArr, (item: SZJL, index: number) => {
    ListItem(){

…

Image($r(‘app.media.shanchu’)).width(20).height(20)
  .onClick(()=>{
    console.log(‘dele’,index.toString())
    this.itemArr.splice( index,1)  //按照索引删除
  })

…

当删除第一条时，日志显示index是0，删除正常，然后下一条会往上移动；

再点击删除列表上的第一条，日志显示index变成1，这时删除就不对了。

大佬们应该明白我说的，就是删除数组元素时索引没更新的问题，这个应该怎么解决呢？求指教，谢谢。

cke_23625.png


更多关于HarmonyOS 鸿蒙Next关于数组删除元素后索引更新的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
6 回复

我自己想到一个笨办法，用一个临时的数组中转一下重新赋值，间接解决了我的问题

代码如下：

let temp:Array<SZJL> =[]   //定义一个空数组
for (let i = 0; i < this.itemArr.length; i++) {
  temp.push(this.itemArr[i]);
}     //把原数组的信息转存过来
temp.splice( index,1)   //在临时数组中删除元素
this.itemArr.length=0   //清空原数组
for (let j = 0; j < temp.length; j++) {
  this.itemArr.push(temp[j]);
}                    //把临时数组里的元素 转存给原数组，触发UI重新渲染

更多关于HarmonyOS 鸿蒙Next关于数组删除元素后索引更新的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


参考下面的例子，没有出现你说的情况，看下是哪里不一样呢：

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
 [@State](/user/State) message: string = 'Hello World';
 [@State](/user/State) itemArr: Array<number> = []

 aboutToAppear(): void {
   for (let i = 0; i < 50; i++) {
     this.itemArr.push(i)
   }
 }

 build() {
   Column() {
     Column() {
       List() {
         ForEach(this.itemArr, (item: number, index: number) => {
           ListItem() {
             Column() {
               Text(item.toString()).width('100%').height(50).backgroundColor(Color.Gray).borderRadius(10)
                 .padding({left:10, right:10})
                 .onClick(()=>{
                   this.itemArr.splice(index,1)
                 })
               Blank().height(5)
             }
           }
         })
       }
       .width('100%')
     }
     .height('100%')
   }
 }
}

可能是因为我用的嵌套的缘故，我已经找到解决方案了，谢谢

说是在删除后要reloadData

// 重置所有子组件的index索引

this.data.reloadData();

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/arkts-rendering-control-lazyforeach-V13#渲染结果非预期

谢谢回答，这个里面的listener我看的一知半解的，感觉好复杂啊，不知道有没有简便一点的方法？

在HarmonyOS鸿蒙Next系统中，关于数组删除元素后索引更新的处理，通常依赖于具体的数组实现和数据结构。如果使用的是系统内置的动态数组类型（如某些集合类），删除元素后，内部机制会自动调整剩余元素的索引，确保数组的有效性和连续性。

具体来说，当你调用删除方法（如remove）时，鸿蒙系统会处理索引的更新，使得后续元素向前移动填补被删除元素的位置。例如，若从数组中删除索引为3的元素，则索引4及之后的元素会自动前移一位，索引4变为新的索引3，依此类推。

值得注意的是，直接操作原生数组（如C风格的数组）时，鸿蒙系统不会自动处理索引更新。这种情况下，开发者需要手动调整索引，确保程序逻辑的正确性。

对于鸿蒙提供的容器类（如ArrayList），这些类内部已经实现了索引的自动更新机制，因此使用这些类时无需担心索引问题。

如果在使用鸿蒙系统的特定数组实现时遇到索引更新的问题，应检查是否使用了正确的数据结构和方法。若问题依旧存在，可能是特定场景下的bug或未定义行为，此时应查阅官方文档或示例代码，确保使用方式正确。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部