5、【ES6】之对象优化
1、获取对象的键、值、键-值
// const person={
// name:'jack',
// age:21,
// language:['java','js','css']
// }
// console.log(Object.keys(person)); //获取对象的所有key
// console.log(Object.values(person)); //获取对象的所有value
// console.log(Object.entries(person)); //获取对象的所有map
2、将对象进行合并成一个新的对象
// const target={a:1};
// const source1={b:2};
// const source2={c:3};
// //想要获取这样一个对象:{a:1,b:2,c:3}
// Object.assign(target,source1,source2);
// console.log(target);
3、声明对象简写
以前给对象的属性赋值
// const name='jack';
// const age=18;
// const p1={name:name,age:age};
// console.log(p1);
现在给对象的属性赋值
// const p2={name,age}
// console.log(p1);
4、对象的函数简写
以前
// let person={
// name:'jason',
// set:function (food){
// console.log(this.name+"在吃"+food);
// }
// }
// person.set("苹果");
现在
// let person={
// name:'jason',
// eat(food){
// console.log(this.name+"在吃"+food);
// },
// eat2:(food)=> console.log(this.name+"在吃"+food)
// }
// person.eat("苹果");
// person.eat2("香蕉");
//eat2方法名字丢失了, 在箭头函数中使用this调用属性将会失效,解决方案:对象.属性
// eat2:(food)=> console.log(person.name+"在吃"+food)
5、对象扩展运算符
5.1.拷贝对象(深拷贝)
// let p1={name:'lebron',age:18};
// let p2={...p1};
// console.log(p2);
5.2.合并对象
let name={name:'java'};
let age={age:18};
let p={name:'python'};
p={...name,...age};
console.log(p);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!