app网站有哪些,网站建设评估报告,做网站年薪百万,网站建设公司织梦模板在JavaScript中#xff0c;可以使用以下几种方法来删除对象的属性#xff1a;
1、使用delete关键字
使用delete关键字可以从对象中删除指定的属性。示例代码如下#xff1a;
var obj {name: John,age: 30,city: New York
};console.log(obj); /…在JavaScript中可以使用以下几种方法来删除对象的属性
1、使用delete关键字
使用delete关键字可以从对象中删除指定的属性。示例代码如下
var obj {name: John,age: 30,city: New York
};console.log(obj); // { name: John, age: 30, city: New York }delete obj.age;console.log(obj); // { name: John, city: New York }2、直接赋值为undefined
可以将属性的值直接赋值为undefined来删除属性。示例代码如下
var obj {name: John,age: 30,city: New York
};console.log(obj); // { name: John, age: 30, city: New York }obj.age undefined;console.log(obj); // { name: John, age: undefined, city: New York }需要注意的是通过赋值为undefined删除属性只是将属性的值置为undefined并没有真正从对象中删除属性。
3、使用Object.assign()方法
可以使用Object.assign()方法创建一个新对象只包含原对象中指定的属性从而达到删除属性的效果。示例代码如下
var obj {name: John,age: 30,city: New York
};console.log(obj); // { name: John, age: 30, city: New York }var newObj Object.assign({}, obj);
delete newObj.age;console.log(obj); // { name: John, age: 30, city: New York }
console.log(newObj); // { name: John, city: New York }通过Object.assign()方法创建的新对象不包含被删除的属性。需要注意的是原对象并没有发生改变。
4、使用rest解构对象
1) 属性名称已知
const { property, ...restObject } object;
应用解构和rest语法后restObject将包含与object相同的属性只是没有删除的属性。
const obj {name: 秋秋钟汉良,url: qq.com
};
const { url, ...objRest } obj;
console.log(objRest); // { name: 秋秋钟汉良 }
console.log(obj); // { name: 秋秋钟汉良,url: qq.com }
2) 属性名称是动态的
const name property;
const { [name]: removedProperty, ...restObject } object;
如果要删除的属性名称是动态确定的则可以使用动态属性名称解构语法
const obj { name: 秋秋钟汉良, url: qq.com};
const name url;
const { [name]: removedProperty, ...objRest } obj;
console.log(objRest); // { name: 秋秋钟汉良 }
rest结构方法还可以一次性删除多个属性
const obj {name: 秋秋钟汉良,url: qq.com,title: 秋秋测试大麦网网速,
};
const { url, title, ...objRest } obj;
console.log(objRest);
这些是JavaScript中常用的删除对象属性的方法根据具体情况选择合适的方法来删除对象的属性。
