網(wǎng)站首頁 編程語言 正文
一、對象和屬性和方法
JavaScript中對象:
var person={name:"Jack",age:20};
或:
var name = "jack";
var age = 20;
var person = {name:name,age:age};
console.log(person.age); //20
ES6中的簡潔表示:
let [name,age]=["jack",20];
let person = {name,age}; //等同person = {name: name,age: age}
console.log(person.age); //20
JavaScript中對象方法:
var person = {
SayHi:function()
{
console.log("hi");
}
}
person.SayHi(); //hi
ES6中簡潔表示:
let person = {
SayHi()
{
console.log("hi");
}
}
person.SayHi();
ES6允許用表達式作為屬性名,但是一定要將表達式放在方括號內(nèi):
var person = {["na"+"me"]:"jack",["a"+"ge"]:20};
console.log(person.age);
或
let str = "Hi";
let person = {
["Say"+str](){
console.log("hi");
}
}
person.SayHi();
注意點:屬性的簡潔表示法和屬性名表達式不能同時使用,否則會報錯:
let [name,age]=["jack",20];
let person = {["na"+"me"],["a"+"ge"]}; //報錯
二、對象的擴展運算符...
取出參數(shù)對象所有可遍歷屬性然后拷貝到當前對象:
let stu1 = {name:"Jack",age:20,sex:"男"};
let stu2 = {...stu1};
console.log(stu2); //{name: "Jack", age: 20,sex:"男"}
合并兩個對象:
let stu1BasicInfo = {name:"Jack",age:20,sex:"男"};
let stu1DetailInfo = {phone:"13524521457",mail:"ldh@163.com"};
let stu = {...stu1BasicInfo,...stu1DetailInfo};
console.log(stu);
//{name:"Jack",age:20,sex:"男",phone:"13524521457",mail:"ldh@163.com"}
拷貝對象時支持添加屬性:
let stu1 = {name:"Jack",age:20,sex:"男"};
let stu2 = {...stu1,phone:"13554785452"};
console.log(stu2); //{name:"Jack",age:20,sex:"男",phone:"13554785452"}
添加的屬性在拓展運算符后面,取添加的屬性:
let stu1 = {name:"Jack",age:20,sex:"男"};
let stu2 = {...stu1,name:"rose",phone:"13554785452"};
console.log(stu2);
//{name:"rose",age:20,sex:"男",phone:"13554785452"}
添加的屬性在拓展運算度前面,取擴展運算符內(nèi)容:
let stu1 = {name:"Jack",age:20,sex:"男"};
let stu2 = {name:"rose",phone:"13554785452",...stu1};
console.log(stu2);
//{name:"Jack",phone:"13554785452",age:20,sex:"男"}
原文鏈接:https://www.cnblogs.com/wml-it/p/15967789.html
相關(guān)推薦
- 2022-06-07 教你使用Jenkins集成Harbor自動發(fā)布鏡像_docker
- 2023-03-29 C語言交換奇偶位與offsetof宏的實現(xiàn)方法_C 語言
- 2022-08-30 MongoDB集合中的文檔管理_MongoDB
- 2022-02-12 Flutter項目中有些依賴不支持64位的library的解決方式
- 2022-10-11 sharedUid、系統(tǒng)簽名、預(yù)置應(yīng)用
- 2022-09-17 C++?中的異常拋出和捕獲方式_C 語言
- 2023-11-19 Linux虛擬機VMware的Ubuntu使用vi指令的方向鍵和backspace空格鍵亂碼
- 2023-07-15 express 連接 MongoDb
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細win安裝深度學習環(huán)境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動態(tài)字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支