在JS中定义一个列表，列表里嵌套字典，我怎么实现对列表内字典的查找和删除？

@State ConnectedList: any[] = [
  {
    'name':'Redmi-30',
    'IP':'IP:192.168.1.20',
    'MAC':'MAC:a4:45:19:d5:37:5a'
  },
  {
    'name':'Redmi-31',
    'IP':'IP:192.168.1.20',
    'MAC':'MAC:a4:45:19:d5:37:5a'
  }
]
ForEach(this.ConnectedList, (item) => {
  Flex({direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween}) {
    Column() {
      Text(item['Name']).fontColor(Color.Black).fontSize(ConfigData.font_16)
        .textAlign(TextAlign.Start).width('50%')
        .margin({ top: 10 })
      Text(item['IP'])
        .fontColor(Color.Black)
        .fontSize(ConfigData.font_16)
        .textAlign(TextAlign.Start)
        .width('50%')
      Text(item['MAC']).fontColor(Color.Black).fontSize(ConfigData.font_16)
        .textAlign(TextAlign.Start).width('50%')
    }
    Image('res/image/ic_settings_arrow.svg')
      .width($r('app.float.wh_value_50'))
      .height($r('app.float.wh_value_40'))
      .onClick(() => {
        this.addToBlacklist.open()
      })
  }
})

老师 这是我页面展示的一个列表，列表是从数组 ConnectedList 中获取Item，然后依次展示，每一个Item右边跟一个图片箭头，效果是这样的

然后现在想实现的就是  我点击后，调用一个方法，怎么能把数组中指定的那个字典一整个删除掉，就是说要添加一个索引，点击那个箭头，然后把它对应的那个Item删掉，然后把这个删掉的item取出来，添加到另一个数组中去

同学，你好！

1、删除可以使用splice( )方法，可以返回删除的数据，其中有两个参数：第一个参数为从那个下标开始删除，第二个参数为从下标开始删除多少个元素；

2、添加可以使用push( )方法：向数组的末尾添加一个或更多元素;

如下图：同学可以使用push( )函数和splice( )函数

参考代码:

any = [
  {
    'name':'Redmi-30',
    'IP':'IP:192.168.1.20',
    'MAC':'MAC:a4:45:19:d5:37:5a'
  },
  {
    'name':'Redmi-31',
    'IP':'IP:192.168.1.20',
    'MAC':'MAC:a4:45:19:d5:37:5a'
  }
]
//删除Redmi-31并返回
// console.log(any.splice(1,1))
//创建新的数组
var arrayobj=[]
//将删除的数据添加到arrayobj数组，any.splice(1,1)为从下标1开始删除1个元素
arrayobj.push(any.splice(1,1))
//打印删除Redmi-31后any
console.log(any)
//打印arrayobj
console.log(arrayobj)

祝学习愉快~

解决了 谢谢老师   上面用的开发方法是eTS,现在在做鸿蒙开发