QML中无pop/remove/splice方法的列表类型如何移除指定索引元素？

QML里声明的list<QtObject>类型属性本质是QObjectList，它不属于JavaScript数组，因此没有remove()、pop()这类数组方法，直接调用会触发TypeError。以下是两种可行的解决方式：

方法一：借助JavaScript Array原型方法操作 #

list<QtObject>是类数组对象，可以通过Array的原型方法间接实现元素移除，最常用的是splice：

Component.onCompleted: {
    console.log(arr.length)
    // 从索引1的位置开始，移除1个元素
    Array.prototype.splice.call(arr, 1, 1)
    console.log(arr.length)
}

参数说明：第一个值是起始索引，第二个值是要移除的元素数量，和JavaScript数组的splice用法完全一致。

方法二：改用ListModel存储（推荐） #

如果业务场景允许，改用QML原生的ListModel来管理数据，它原生提供remove()、insert()等列表操作方法，适配性更强：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQml.Models 2.15

Window {
    width: 640
    height: 480
    visible: true
    property ListModel arr: ListModel {
        ListElement { a: 1.0 }
        ListElement { a: 1.0 }
        ListElement {}
        ListElement {}
    }

    Component.onCompleted: {
        console.log(arr.count)
        arr.remove(1) // 直接调用原生remove方法
        console.log(arr.count)
    }
}

ListModel还能更好地配合QML视图组件（如ListView）实现数据绑定，适合大多数列表场景。

补充：生成新列表的方式 #

如果不需要修改原列表，而是生成排除指定元素的新列表，可以用filter方法：

Component.onCompleted: {
    console.log(arr.length)
    // 过滤掉索引为1的元素，生成新列表赋值给原属性
    arr = arr.filter((item, index) => index !== 1)
    console.log(arr.length)
}

注意：这种方式会替换原属性的引用，需确保没有其他逻辑依赖原列表的引用地址。

内容的提问来源于stack exchange，提问作者橡树xd