简介
用来删除一个对象的属性。
语法
delete expresson
- 1
- 2
express 应该是一个对象的引用,例如
delete object.property
delete object['property']
- 1
- 2
- 3
- 4
如果expression不是一个对象的引用，那么delete则不会起任何作用
返回值
在严格模式下，如果属性是一个不可配置的属性，删除是会抛出异常，非严格模式下返回false,其他情况返回true.
作用
- 可以删除隐式全局变量，但不可已删除显示全局变量。
全局变量其实是global对象(window)的属性。
x = 10;
var y = 20;
delete x; //true;
delete y; //false
- 1
- 2
- 3
- 4
- 5
- 6
- 内置对象的内置属性不能被删除，用户自定义的属性可以被删除。
obj = {
h : 10
}
var obj1 = {
h: 10
}
delete Math.PI; // false
delte 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 相当于是一个匿名变量，所以也不能被删除。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 不能删除一个对象从原型继承而来的属性，但是可以直接从原型上删掉它；
function foo(){}
foo.prototype.name = 'zhangsan';
var f = new foo();
//delete只能删除自己的属性，不能删除继承来的属性
delete f.name; // false
console.log(f.name);//zhangsan
delete foo.prototype.anme; // true
console.log(f.name); // undefined
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
删除数组元素
当删除数组元素时，数组的长度并不会变小。
var arr = [1,3,4,6,73,2];
delete arr[2];
console.log(arr.length); // 6
console.log(arr[2]); //undefiend
consoel.log(arr); //[ 1, 3, , 6, 73, 2 ]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
作用：在forEach 循环中删除元素，不会影响循环结果
var arr = [1,3,5,21,3,4,53,21,5,2];
arr.forEach(function(val,index){
if(val < 10){
delete arr[index];
}
})
console.log(arr); //[ , , , 21, , , 53, 21, , ]
//可以使用filter过滤掉空值 [ 21, 53, 21 ]
arr = arr.filter(function(val){return val});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
与 Array.splice 对比
arr.forEach(function(val,index){
if(val < 10){
arr.splice(index,1);
}
})
//没有答案我们预想的结果，因为splice删除元素会改变数组的长度。
//所以说删除一个值后，其后的那个值占据了它的位置，在判断的时候就会漏掉。
console.log(arr);// [ 3, 21, 4, 53, 21, 2 ]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
</div>
简介
用来删除一个对象的属性。
语法
delete expresson
- 1
- 2
express 应该是一个对象的引用,例如
delete object.property
delete object['property']
- 1
- 2
- 3
- 4
如果expression不是一个对象的引用，那么delete则不会起任何作用
返回值
在严格模式下，如果属性是一个不可配置的属性，删除是会抛出异常，非严格模式下返回false,其他情况返回true.
作用
- 可以删除隐式全局变量，但不可已删除显示全局变量。
全局变量其实是global对象(window)的属性。
x = 10;
var y = 20;
delete x; //true;
delete y; //false
- 1
- 2
- 3
- 4
- 5
- 6
- 内置对象的内置属性不能被删除，用户自定义的属性可以被删除。
obj = {
h : 10
}
var obj1 = {
h: 10
}
delete Math.PI; // false
delte 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 相当于是一个匿名变量，所以也不能被删除。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 不能删除一个对象从原型继承而来的属性，但是可以直接从原型上删掉它；
function foo(){}
foo.prototype.name = 'zhangsan';
var f = new foo();
//delete只能删除自己的属性，不能删除继承来的属性
delete f.name; // false
console.log(f.name);//zhangsan
delete foo.prototype.anme; // true
console.log(f.name); // undefined
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
删除数组元素
当删除数组元素时，数组的长度并不会变小。
var arr = [1,3,4,6,73,2];
delete arr[2];
console.log(arr.length); // 6
console.log(arr[2]); //undefiend
consoel.log(arr); //[ 1, 3, , 6, 73, 2 ]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
作用：在forEach 循环中删除元素，不会影响循环结果
var arr = [1,3,5,21,3,4,53,21,5,2];
arr.forEach(function(val,index){
if(val < 10){
delete arr[index];
}
})
console.log(arr); //[ , , , 21, , , 53, 21, , ]
//可以使用filter过滤掉空值 [ 21, 53, 21 ]
arr = arr.filter(function(val){return val});
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
与 Array.splice 对比
arr.forEach(function(val,index){
if(val < 10){
arr.splice(index,1);
}
})
//没有答案我们预想的结果，因为splice删除元素会改变数组的长度。
//所以说删除一个值后，其后的那个值占据了它的位置，在判断的时候就会漏掉。
console.log(arr);// [ 3, 21, 4, 53, 21, 2 ]
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
</div>