js删除对象中的某一个字段的方法实现
本文主要介绍了js删除对象中的某一个字段的方法实现,分享给大家,具体如下:
//以下方法不改变原来对象 letitem={ name:'张三', age:'18', gender:'男' }; console.log(item)//{age:"18",gender:"男",name:"张三"} let{age,...params}=item; console.log(item)//{age:"18",gender:"男",name:"张三"} console.log(typeofparams.age)//undefined console.log(params)//{gender:"男",name:"张三"} //以下方法会直接改变对象 letitem1={ name:'张三', age:'18', gender:'男' }; console.log(item1)//{age:"18",gender:"男",name:"张三"} deleteitem1.name; console.log(typeofitem1.name)//undefined console.log(item1)////{age:"18",gender:"男"}
与通常的看法不同,delete操作符与直接释放内存无关。内存管理通过断开引用来间接完成的,查看内存管理页可了解详情。
delete操作符会从某个对象上移除指定属性。成功删除的时候会返回true,否则返回false。
但是,以下情况需要重点考虑:
如果你试图删除的属性不存在,那么delete将不会起任何作用,但仍会返回true
如果对象的原型链上有一个与待删除属性同名的属性,那么删除属性之后,对象会使用原型链上的那个属性(也就是说,delete操作只会在自身的属性上起作用)
任何使用var声明的属性不能从全局作用域或函数的作用域中删除。
这样的话,delete操作不能删除任何在全局作用域中的函数(无论这个函数是来自于函数声明或函数表达式)
除了在全局作用域中的函数不能被删除,在对象(object)中的函数是能够用delete操作删除的。
任何用let或const声明的属性不能够从它被声明的作用域中删除。
不可设置的(Non-configurable)属性不能被移除。这意味着像Math,Array,Object内置对象的属性以及使用Object.defineProperty()方法设置为不可设置的属性不能被删除。
下面的代码块给出了一个简单的例子:
varEmployee={ age:28, name:'abc', designation:'developer' } console.log(deleteEmployee.name);//returnstrue console.log(deleteEmployee.age);//returnstrue //当试着删除一个不存在的属性时 //同样会返回true console.log(deleteEmployee.salary);//returnstrue
不可配置属性
当一个属性被设置为不可设置,delete操作将不会有任何效果,并且会返回false。在严格模式下会抛出语法错误(SyntaxError)。
varEmployee={}; Object.defineProperty(Employee,'name',{configurable:false}); console.log(deleteEmployee.name);//returnsfalse
var,let以及const创建的不可设置的属性不能被delete操作删除。
varnameOther='XYZ'; //通过以下方法获取全局属性: Object.getOwnPropertyDescriptor(window,'nameOther'); //输出:Object{value:"XYZ", //writable:true, //enumerable:true, //configurable:false} //因为“nameOther”使用var关键词添加, //它被设置为不可设置(non-configurable) deletenameOther;//returnfalse
在严格模式下,这样的操作会抛出异常。
严格模式与非严格模式的对比
在严格模式下,如果对一个变量的直接引用、函数的参数或者函数名使用delete操作,将会抛出语法错误(SyntaxError)。因此,为避免严格模式下的语法错误,必须以deleteobject.property或deleteobject['property']的形式使用delete运算符。
Object.defineProperty(globalThis,'variable1',{value:10,configurable:true,}); Object.defineProperty(globalThis,'variable2',{value:10,configurable:false,}); console.log(deletevariable1);//true //SyntaxErrorinstrictmode. console.log(deletevariable2);//false
functionfunc(param){ //SyntaxErrorinstrictmode. console.log(deleteparam);//false } //SyntaxErrorinstrictmode. console.log(deletefunc);//false
任何使用var声明的变量都会被标记为不可设置的。在下面的例子中,salary是不可设置的以及不能被删除的。在非严格模式下,下面的delete操作将会返回false。
functionEmployee(){ deletesalary; varsalary; } Employee();
让我们来看看相同的代码在严格模式下会有怎样的表现。会抛出一个语法错误(SyntaxError)而不是返回false。
"usestrict";
functionEmployee(){ deletesalary;//SyntaxError varsalary; } //相似的,任何对任何函数 //直接使用delete操作将会抛出语法错误。 functionDemoFunction(){ //somecode } deleteDemoFunction;//SyntaxError
示例
//在全局作用域创建adminName属性 adminName='xyz'; //在全局作用域创建empCount属性 //因为我们使用了var,它会标记为不可配置。同样let或const也是不可配置的。 varempCount=43; EmployeeDetails={ name:'xyz', age:5, designation:'Developer' }; //adminName是全局作用域的一个属性。 //因为它不是用var创建的,所在可以删除。 //因此,它是可配置的。 deleteadminName;//返回true //相反,empCount是不可配置的, //因为创建它时使用了var。 deleteempCount;//返回false //delete可用于删除对象的属性 deleteEmployeeDetails.name;//返回true //甚至属性不存在,它也会返回"true" deleteEmployeeDetails.salary;//返回true //delete对内建静态属性不起作用 deleteMath.PI;//返回false //EmployeeDetails是全局作用域的一个属性。 //因为定义它的时候没有使用"var",它被标记为可配置。 deleteEmployeeDetails;//返回true functionf(){ varz=44; //delete对局部变量名不起作用 deletez;//返回false }
delete和原型链
在下面的示例中,我们删除一个对象的自己的属性,而原型链上具有相同名称的属性可用:
functionFoo(){ this.bar=10; } Foo.prototype.bar=42; varfoo=newFoo(); //返回true,因为删除的是foo对象的自身属性 deletefoo.bar; //foo.bar仍然可用,因为它在原型链上可用。 console.log(foo.bar);//42 //从原型上删除属性 deleteFoo.prototype.bar;//true //由于已删除“bar”属性,因此不能再从Foo继承它。 console.log(foo.bar);//undefined
删除数组元素
当你删除一个数组元素时,数组的长度不受影响。即便你删除了数组的最后一个元素也是如此。
当用delete操作符删除一个数组元素时,被删除的元素已经不再属于该数组。下面的例子中用delete删除了trees[3]。
vartrees=["redwood","bay","cedar","oak","maple"]; deletetrees[3]; if(3intrees){ //这里不会执行 }
如果你想让一个数组元素继续存在但是其值是undefined,那么可以使用将undefined赋值给这个元素而不是使用delete。下面的例子中,trees[3]被赋值为undefined,但该元素仍然存在。
vartrees=["redwood","bay","cedar","oak","maple"]; trees[3]=undefined; if(3intrees){ //这里会被执行 }
如果你想通过改变数组的内容来移除一个数组元素,请使用splice()方法。在下面的例子中,通过使用splice(),将trees[3]从数组中移除。
vartrees=['redwood','bay','cedar','oak','maple']; trees.splice(3,1); console.log(trees);//["redwood","bay","cedar","maple"]
到此这篇关于js删除对象中的某一个字段的文章就介绍到这了,更多相关js删除对象中的某一个字段内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!