js刪除對象中的某一個字段的方法實現(xiàn)
本文主要介紹了js刪除對象中的某一個字段的方法實現(xiàn)，分享給大家，具體如下：
// 以下方法不改變原來對象
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操作符與直接釋放內(nèi)存無關(guān)。內(nèi)存管理 通過斷開引用來間接完成的，查看內(nèi)存管理頁可了解詳情。
delete 操作符會從某個對象上移除指定屬性。成功刪除的時候會返回 true，否則返回 false。
但是，以下情況需要重點考慮：
如果你試圖刪除的屬性不存在，那么delete將不會起任何作用，但仍會返回true
如果對象的原型鏈上有一個與待刪除屬性同名的屬性，那么刪除屬性之后，對象會使用原型鏈上的那個屬性（也就是說，delete操作只會在自身的屬性上起作用）
任何使用 var 聲明的屬性不能從全局作用域或函數(shù)的作用域中刪除。
這樣的話，delete操作不能刪除任何在全局作用域中的函數(shù)（無論這個函數(shù)是來自于函數(shù)聲明或函數(shù)表達式）
除了在全局作用域中的函數(shù)不能被刪除，在對象(object)中的函數(shù)是能夠用delete操作刪除的。
任何用let或const聲明的屬性不能夠從它被聲明的作用域中刪除。
不可設(shè)置的(Non-configurable)屬性不能被移除。這意味著像Math, Array, Object內(nèi)置對象的屬性以及使用Object.defineProperty()方法設(shè)置為不可設(shè)置的屬性不能被刪除。
下面的代碼塊給出了一個簡單的例子：
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
不可配置屬性
當一個屬性被設(shè)置為不可設(shè)置，delete操作將不會有任何效果，并且會返回false。在嚴格模式下會拋出語法錯誤（SyntaxError）。
var Employee = {};
Object.defineProperty(Employee, 'name', {configurable: false});
console.log(delete Employee.name); // returns false
var, let以及const創(chuàng)建的不可設(shè)置的屬性不能被delete操作刪除。
var nameOther = 'XYZ';
// 通過以下方法獲取全局屬性:
Object.getOwnPropertyDescriptor(window, 'nameOther');
// 輸出: Object {value: "XYZ",
// writable: true,
// enumerable: true,
// configurable: false}
// 因為“nameOther”使用var關(guān)鍵詞添加，
// 它被設(shè)置為不可設(shè)置（non-configurable）
delete nameOther; // return false
在嚴格模式下，這樣的操作會拋出異常。
嚴格模式與非嚴格模式的對比
在嚴格模式下，如果對一個變量的直接引用、函數(shù)的參數(shù)或者函數(shù)名使用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聲明的變量都會被標記為不可設(shè)置的。在下面的例子中，salary是不可設(shè)置的以及不能被刪除的。在非嚴格模式下，下面的delete操作將會返回false。
function Employee() {
delete salary;
var salary;
}
Employee();
讓我們來看看相同的代碼在嚴格模式下會有怎樣的表現(xiàn)。會拋出一個語法錯誤（ SyntaxError）而不是返回false。
"use strict";
function Employee() {
delete salary; // SyntaxError
var salary;
}
// 相似的，任何對任何函數(shù)
// 直接使用delete操作將會拋出語法錯誤。
function DemoFunction() {
//some code
}
delete DemoFunction; // SyntaxError
示例
// 在全局作用域創(chuàng)建 adminName 屬性
adminName = 'xyz';
// 在全局作用域創(chuàng)建 empCount 屬性
// 因為我們使用了 var，它會標記為不可配置。同樣 let 或 const 也是不可配置的。
var empCount = 43;
EmployeeDetails = {
name: 'xyz',
age: 5,
designation: 'Developer'
};
// adminName 是全局作用域的一個屬性。
// 因為它不是用 var 創(chuàng)建的，所在可以刪除。
// 因此，它是可配置的。
delete adminName; // 返回 true
// 相反，empCount 是不可配置的，
// 因為創(chuàng)建它時使用了 var。
delete empCount; // 返回 false
// delete 可用于刪除對象的屬性
delete EmployeeDetails.name; // 返回 true
// 甚至屬性不存在，它也會返回 "true"
delete EmployeeDetails.salary; // 返回 true
// delete 對內(nèi)建靜態(tài)屬性不起作用
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 Foo.prototype.bar; //true
// 由于已刪除“ bar”屬性，因此不能再從Foo繼承它。
console.log(foo.bar); //undefined
刪除數(shù)組元素
當你刪除一個數(shù)組元素時，數(shù)組的長度不受影響。即便你刪除了數(shù)組的最后一個元素也是如此。
當用 delete 操作符刪除一個數(shù)組元素時，被刪除的元素已經(jīng)不再屬于該數(shù)組。下面的例子中用 delete 刪除了 trees[3]。
var trees = ["redwood","bay","cedar","oak","maple"];
delete trees[3];
if (3 in trees) {
// 這里不會執(zhí)行
}
如果你想讓一個數(shù)組元素繼續(xù)存在但是其值是 undefined，那么可以使用將 undefined 賦值給這個元素而不是使用 delete。下面的例子中，trees[3] 被賦值為 undefined，但該元素仍然存在。
var trees = ["redwood","bay","cedar","oak","maple"];
trees[3] = undefined;
if (3 in trees) {
// 這里會被執(zhí)行
}
如果你想通過改變數(shù)組的內(nèi)容來移除一個數(shù)組元素，請使用splice() 方法。在下面的例子中，通過使用splice()，將trees[3]從數(shù)組中移除。
var trees = ['redwood', 'bay', 'cedar', 'oak', 'maple']; trees.splice(3,1); console.log(trees); // ["redwood", "bay", "cedar", "maple"]
到此這篇關(guān)于js刪除對象中的某一個字段的文章就介紹到這了,更多相關(guān)js刪除對象中的某一個字段內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序自定義用戶登錄彈窗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
本篇文章給大家分享了關(guān)于javascript代碼優(yōu)化的8點總結(jié)，希望我們整理的內(nèi)容能夠幫助到大家。2018-01-01
之前js 仿Photoshop鼠標滾輪控制輸入框取值中已使用js對鼠標滾輪事件進行控制，滾輪事件其中考慮瀏覽器兼容性問題2010-02-02
我們在開發(fā)中經(jīng)常需要把時間戳轉(zhuǎn)化成日期格式,下面這篇文章主要給大家介紹了關(guān)于JS時間戳轉(zhuǎn)換為常用時間格式的三種主要方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了詳解CocosCreator消息分發(fā)機制，詳細介紹了各模塊的設(shè)計，同學們一定要自己看下2021-04-04
移到這里，就會自動點擊...2006-08-08
javascript中break，continue和return語句用法小結(jié)
break，continue和return這三個語句的用法新手們經(jīng)常弄混淆，至少在我學習c語言的時候經(jīng)常把它們的用法給搞錯。不過現(xiàn)在好了，我已徹底搞清楚它們之間的用法2012-05-05
前端開發(fā)中,有時項目會遇到一些快捷鍵需求,比如綁定快捷鍵,展示快捷鍵,編輯快捷鍵等需求,所以本文就來用JavaScript手寫一個簡單的快捷鍵庫吧2024-02-02
這篇文章介紹了js 為label標簽和div標簽賦值的方法，有需要的朋友可以參考一下2013-08-08
在JavaScript中處理CSV文件時,需要特別注意一些特殊字符,例如逗號、雙引號、換行符等,這些字符可能會影響CSV文件的解析,導致數(shù)據(jù)錯亂,所以本文給大家介紹了如何解決JavaScript導出CSV文件不完整的問題,需要的朋友可以參考下2024-06-06