delete和vue3delete的不同？

扎西_德勒

于 2024-06-09 21:53:01 发布

阅读量264

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/FENGZXCjjjjj/article/details/139566761

版权

一、是什么
delete 是 ES6 中的一个语法关键字，用于删除对象的属性。而 Vue.delete() 是 Vue.js 框架提供的一个方法，用于删除数组或对象的元素。

二、两者相同之处：
delete和Vue.delete都是对数组或对象进行删除的方法。这两种方法对于对象来说其实是没有区别的，使用方法会直接删除对象的属性(物理删除)，如下代码示例：

let obj = { name: 'zs', age: 12 }
Vue.delete(obj, 'name'); //输出obj为{age: 12}
delete obj.name; //输出obj为{age: 12}

Vue.delete() 主要是为了保证可以正确地触发视图更新，而普通的 delete 只能用于删除对象属性，并且不能保证可以正确地触发视图更新。
这两个方法对于删除数组是有区别的，如下代码示例：

let arr = [1, 2, 3, 4, 5]
delete arr[2] //输出arr为[1, 2, empty, 4, 5]
Vue.delete(arr, 2) //输出arr为[1, 2, 4, 5]

总结：delete只是被删除的元素变成了empty/undefined,其他的元素的键值还是不变。数组长度也不变。而Vue.delete直接删除了数组，改变了数组的键值，长度发生变化。

let name = 'tom'
age = 18
console.log(delete name);// false
console.log(delete age);// true

总结：name变量由let关键字声明，所以删除不成功：返回false。
设定age等于18，实际上添加了一个名为age的属性给全局对象。对象中的属性是可以删除的，全局对象也是如此，所以delete age返回true。

关注