js删除对象中的某⼀个字段的⽅法实现
本⽂主要介绍了js删除对象中的某⼀个字段的⽅法实现，分享给⼤家，具体如下：
// 以下⽅法不改变原来对象
let item = {
name:'张三',
age:'18',
gender:'男'
};
console.log(item) // {age: "18",gender: "男",name: "张三"}
let { age,...params } = item;
console.log(item) // {age: "18",gender: "男",name: "张三"}
console.log(typeof params.age) // undefined
console.log(params) // {gender: "男",name: "张三"}
// 以下⽅法会直接改变对象
let item1 = {
name:'张三',
age:'18',
gender:'男'
};
console.log(item1) // {age: "18",gender: "男",name: "张三"}
delete item1.name;
console.log(typeof item1.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()⽅法设置为不可设置的属性不能被删除。
下⾯的代码块给出了⼀个简单的例⼦：
var Employee = {
age: 28,
name: 'abc',
designation: 'developer'
}
console.log(delete Employee.name); // returns true
console.log(delete Employee.age); // returns true
// 当试着删除⼀个不存在的属性时
// 同样会返回true
console.log(delete Employee.salary); // returns true
不可配置属性
当⼀个属性被设置为不可设置，delete操作将不会有任何效果，并且会返回false。在严格模式下会抛出语法错误（SyntaxError）。
var Employee = {};
Object.defineProperty(Employee, 'name', {configurable: false});
console.log(delete Employee.name); // returns false
var, let以及const创建的不可设置的属性不能被delete操作删除。
var nameOther = 'XYZ';
// 通过以下⽅法获取全局属性:
// 输出: Object {value: "XYZ",
// writable: true,
// enumerable: true,
// configurable: false}
// 因为“nameOther”使⽤var关键词添加，
// 它被设置为不可设置（non-configurable）
delete nameOther; // return false
在严格模式下，这样的操作会抛出异常。
严格模式与⾮严格模式的对⽐
在严格模式下，如果对⼀个变量的直接引⽤、函数的参数或者函数名使⽤delete操作，将会抛出语法错误（SyntaxError）。因此，为避免严格模式下的语法错误，必须以delete object.property或delete object['property']的形式使⽤delete运算符。
Object.defineProperty(globalThis, 'variable1', { value: 10, configurable: true, });
Object.defineProperty(globalThis, 'variable2', { value: 10, configurable: false, });
console.log(delete variable1); // true
// SyntaxError in strict mode.
console.log(delete variable2); // false
function func(param) {
// SyntaxError in strict mode.
console.log(delete param); // false
}
// SyntaxError in strict mode.
console.log(delete func); // false
任何使⽤var声明的变量都会被标记为不可设置的。在下⾯的例⼦中，salary是不可设置的以及不能被删除的。在⾮严格模式下，下⾯的delete操作将会返回false。
function Employee() {
delete salary;
var salary;
}
Employee();
让我们来看看相同的代码在严格模式下会有怎样的表现。会抛出⼀个语法错误（ SyntaxError）⽽不是返回false。
"use strict";
function Employee() {
delete salary; // SyntaxError
var salary;
}
// 相似的，任何对任何函数
// 直接使⽤delete操作将会抛出语法错误。
function DemoFunction() {
//some code
}
delete DemoFunction; // SyntaxError
⽰例
/
/ 在全局作⽤域创建 adminName 属性
adminName = 'xyz';
// 在全局作⽤域创建 empCount 属性
// 因为我们使⽤了 var，它会标记为不可配置。同样 let 或 const 也是不可配置的。
var empCount = 43;
EmployeeDetails = {
name: 'xyz',
age: 5,
designation: 'Developer'
};
// adminName 是全局作⽤域的⼀个属性。
/
/ 因为它不是⽤ var 创建的，所在可以删除。
// 因此，它是可配置的。
delete adminName; // 返回 true
// 相反，empCount 是不可配置的，
// 因为创建它时使⽤了 var。
delete empCount; // 返回 false
// delete 可⽤于删除对象的属性
delete EmployeeDetails.name; // 返回 true
// 甚⾄属性不存在，它也会返回 "true"
delete EmployeeDetails.salary; // 返回 true
// delete 对内建静态属性不起作⽤
delete Math.PI; // 返回 false
// EmployeeDetails 是全局作⽤域的⼀个属性。
// 因为定义它的时候没有使⽤ "var"，它被标记为可配置。
delete EmployeeDetails; // 返回 true
function f() {
var z = 44;
// delete 对局部变量名不起作⽤
delete z; // 返回 false
}
delete 和原型链
在下⾯的⽰例中，我们删除⼀个对象的⾃⼰的属性，⽽原型链上具有相同名称的属性可⽤：
function Foo() {
this.bar = 10;
}
Foo.prototype.bar = 42;
var foo = new Foo();
// 返回 true，因为删除的是 foo 对象的⾃⾝属性
delete foo.bar;
// foo.bar 仍然可⽤，因为它在原型链上可⽤。
console.log(foo.bar); //42
// 从原型上删除属性
delete indelete Foo.prototype.bar; //true
/
/ 由于已删除“ bar”属性，因此不能再从Foo继承它。
console.log(foo.bar); //undefined
删除数组元素
当你删除⼀个数组元素时，数组的长度不受影响。即便你删除了数组的最后⼀个元素也是如此。
当⽤ delete 操作符删除⼀个数组元素时，被删除的元素已经不再属于该数组。下⾯的例⼦中⽤ delete 删除了 trees[3]。var trees = ["redwood","bay","cedar","oak","maple"];
delete trees[3];
if (3 in trees) {
// 这⾥不会执⾏
}
如果你想让⼀个数组元素继续存在但是其值是 undefined，那么可以使⽤将 undefined 赋值给这个元素⽽不是使⽤ delete。下⾯的例⼦中，trees[3] 被赋值为 undefined，但该元素仍然存在。
var trees = ["redwood","bay","cedar","oak","maple"];
trees[3] = undefined;
if (3 in trees) {
// 这⾥会被执⾏
}
如果你想通过改变数组的内容来移除⼀个数组元素，请使⽤splice() ⽅法。在下⾯的例⼦中，通过使⽤splice()，将trees[3]从数组中移除。
var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple'];
trees.splice(3,1);
console.log(trees); // ["redwood", "bay", "cedar", "maple"]
到此这篇关于js删除对象中的某⼀个字段的⽂章就介绍到这了，更多相关js删除对象中的某⼀个字段内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论