插删改查操作 数组 对象

数组

查询数组数据 arr【下标】

重新赋值 arr【下标】=新值

增 数组添加新的数据 arr.push(新增的内容)

arr.unshift(新增的内容)

arr.pop()

arr.shift()

arr.splice(操作的下标,删除的个数)

对象

查询对象 对象.属性 对象【‘属性‘】 对象.方法()

重新赋值 对象.属性=值 对象.方法=function(){}采用匿名对象的方法

对象添加新的数据 对象名.新属性名=新值 对象添加新的方法 对象名.新方法名=function(){}

删除对象中属性 delete 对象名.属性名    对象添加新的方法 delete 对象名.方法名

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中实现数组的增删改可以通过以下几种方式: 1. 增加:可以使用`push()`方法向数组末尾添加新的元素,或者使用`splice()`方法在指定位置入新的元素。例如,`arrList.push(6)`可以向数组末尾添加元素6,`arrList.splice(2, 0, 7)`可以在数组下标为2的位置入元素7。 2. 删除:可以使用`pop()`方法删除数组末尾的元素,或者使用`splice()`方法删除指定位置的元素。例如,`arrList.pop()`可以删除数组末尾的元素,`arrList.splice(2, 1)`可以删除数组下标为2的元素。 3. 修改:可以直接通过下标来修改数组的值,例如 `arrList = 9` 可以将数组下标为2的值修改为9。但是需要注意的是,由于Vue的限制,直接修改数组的某个元素并不会触发视图的更新。为了解决这个问题,可以使用`Vue.set()`或`this.$set()`方法来修改数组的值。例如,`Vue.set(arrList, 2, '值')`可以将数组下标为2的值修改为'值'。 4. 询:可以使用数组的各种方法进行询,例如`indexOf()`可以返回指定元素在数组中的索引,`find()`方法可以返回满足条件的第一个元素等。 需要注意的是,当数组的长度发生变化时,Vue会自动检测到变动并更新视图。但当直接修改数组的某个元素时,需要使用`Vue.set()`或`this.$set()`方法来触发视图的更新。此外,如果对数组进行深度操作,可以使用深度克隆来确保数据真正改变,例如 `tabList = JSON.parse(JSON.stringify(tabList))`。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue对象数组的增删改操作](https://blog.csdn.net/weixin_43085797/article/details/120513225)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值