简述：delete和Vue.delete的区别

一、是什么

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、const、var关键字声明的变量无法用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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！