js对象操作常用方法

一、创建对象

1.字面量创建

javascript 复制代码
//字面量创建
let obj = {a:1}

2.构造函数创建

javascript 复制代码
//构造函数创建
function Person(name,age){
    this.name = name;
    this.age = age;
}
let person = new Person('Bob',12);

二、访问对象属性

1.点符号

javascript 复制代码
let obj = {a:1}
obj.a

2.方括号

javascript 复制代码
let obj = {a:1}

obj['a']    //1

三、添加属性

javascript 复制代码
obj.c = 3;
obj['d'] = 4;

四、删除属性

javascript 复制代码
delete obj.a

五、判断属性是否存在

1.in运算符

javascript 复制代码
let obj = {a:1,b:2}

'a' in obj    //true

2.hasOwnProperty方法

javascript 复制代码
obj.hasOwnProperty('a'); // true

六、遍历对象属性

1.for...in...循环

javascript 复制代码
for (let prop in obj) {
    if (obj.hasOwnProperty(prop)) {
        console.log(`Key: ${prop}, Value: ${obj[prop]}`);
    }
}

2.Object.keys,Object.values,Object.entries

javascript 复制代码
Object.keys(obj).forEach(key => console.log(key));
Object.values(obj).forEach(value => console.log(value));
Object.entries(obj).forEach(([key, value]) => console.log(`${key}: ${value}`));

七、深拷贝与浅拷贝

1.浅拷贝

javascript 复制代码
let obj = {a:1}
let shallowCopy = Object.assign({},obj)

2.深拷贝

javascript 复制代码
let obj = {a:1}
let deepCopy = JSON.parse(JSON.stringify(obj))

八、合并对象

Object.assign

javascript 复制代码
let obj2 = { e: 5 };
let merged = Object.assign({}, obj, obj2);

九、其他方法

1.Object.is() 比较两个值是否严格相等

javascript 复制代码
Object.is(obj, obj); // true

2.Object.defineProperty() 定义或修改属性,并返回该对象

javascript 复制代码
let obj = {}
Object.defineProperty(obj, 'f', { value: 6, writable: true, enumerable: true, configurable: true });
console.log(obj)    //{f:6}
相关推荐
唐僧洗头爱飘柔95277 分钟前
(Go语言)初上手Go?本篇文章帮拿捏Go的数据类型!
开发语言·golang·go语言·go数据类型·go开发·go初上手
可缺不可滥9 分钟前
前端 性能优化 (图片与样式篇)
前端·性能优化
Bug从此不上门10 分钟前
Nuxt3之使用lighthouse性能测试及性能优化实操
前端·javascript·性能优化·vue·fetch·nuxt3
唐僧洗头爱飘柔952713 分钟前
(Go基础)变量与常量?字面量与变量的较量!
开发语言·后端·golang·go·go语言初上手
·云扬·16 分钟前
Lambda 表达式详解
java·开发语言·笔记·学习·1024程序员节
linhhanpy24 分钟前
自制操作系统(九、操作系统完整实现)
c语言·开发语言·汇编·c++·操作系统·自制操作系统
ACALJJ3224 分钟前
STL整理
开发语言·c++
豆本-豆豆奶27 分钟前
最全面的Python重点知识汇总,建议收藏!
开发语言·数据库·python·oracle
Bosenya1230 分钟前
【信号处理】绘制IQ信号时域图、星座图、功率谱
开发语言·python·信号处理
monkey_meng30 分钟前
【Rust Crate之Actix Web(一)】
开发语言·后端·rust