JavaScript delete 操作符

delete object.property
delete object['property']

x = 10; // 未加关键字，属于全局变量 Window 的属性
let y = 20; // 只是定义的变量，没有挂载到 window
var z = 30; // 使用 var 关键字，有挂载到 Window 上，但是也无法 delete（configurable: false）

delete x; // true 删除成功
delete y; // false 不能删除
delete z; // false 不能删除

obj = { // 未加关键字，属于全局变量 Window 的属性
  h: 10
}

let obj1 = {
  h: 10
}

delete Math.PI; // false
delete obj.h; // true
delete obj; // ture，obj 是全局变量的属性，而不是变量

delete obj1.h; // true
delete obj1; // false 全局显示的变量，不能被删除


function fn(){
  var z = 10;
  delete z; // false
    // z 是局部变量，不能被删除，delete只能删除对象的属性
}

delete fn; //false
// fn 相当于是一个匿名变量，所以也不能被删除。

function foo(){}
foo.prototype.name = 'zhangsan';

var f = new foo();

// delete 只能删除自己的属性，不能删除继承来的属性
delete f.name; // false 

console.log(f.name); // zhangsan

// 要删除 prototype 的属性，就这样删除
delete foo.prototype.anme; // true

console.log(f.name); // undefined

var arr = [1,3,4,6,73,2];
console.log(arr.length); // 6

delete arr[2];

console.log(arr.length); // 6
console.log(arr[2]); // undefiend
consoel.log(arr); //[ 1, 3, , 6, 73, 2 ]

// 在forEach 循环中删除元素，不会影响循环结果
let arr = [1,3,5,21,3,4,53,21,5,2];

arr.forEach((val, index) => {
  if(val < 10){
    delete arr[index];
  }
});

console.log(arr); // [ , , , 21, , , 53, 21, ,  ]

// 可以使用 filter 过滤掉空值 [ 21, 53, 21 ]
arr = arr.filter(val => val);

// 与 Array.splice 对比
arr.forEach((val,index) => {
  if(val < 10){
    arr.splice(index, 1);
  }
});
// 答案没有我们预想的结果，因为 splice 删除元素会改变数组的长度
// 所以说删除一个值后，其后的那个值占据了它的位置，在判断的时候就会漏掉。
console.log(arr); // [ 3, 21, 4, 53, 21, 2 ]