iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
自我挑戰組

新手的JavaScript扎根之路系列 第 13

Day13 物件 Object

  • 分享至 

  • xImage
  •  

嗨嗨!我是Winnie溫尼~/images/emoticon/emoticon08.gif

前言

前面兩個章節,我們學到了用[]包覆住的是陣列,用來將相同性質的資料集合起來,而今天要介紹的是用{}包覆住的物件,物件是用來記錄詳細的細部資訊~!

物件 Object

物件的值要使用{}包覆!

let 變數名稱 = {
    屬性:值,
      ⋮
}

例:

let me = {
    name:"Winnie",
    age:18,
    ateDinner:true,
}

資料讀取

  • 變數名稱.屬性
    例:取出我的姓名
let me = {
    name:"Winnie",
    age:18,
    ateDinner:true,
}
console.log(me.name) // "Winnie"
  • 變數名稱.["屬性"]
    例:取出我的姓名
let me = {
    name:"Winnie",
    gender:"female",
    age:18,
    ateDinner:true,
}
console.log(me.["name"]) // "Winnie"

增加/修改值

變數名稱.屬性 = 值
例:

let me = {
    name:"Winnie",
    age:18,
    ateDinner:true,
}
//增加:我的性別是女生
me.gender="female"
//修改:修改我吃過晚餐的狀態
me.ateDinner=false

console.log(me) 
//let me = {
//    name:"Winnie",
//    age:18,
//    gender:female,
//    ateDinner:false,
//}

刪除值

delete 變數名稱.屬性
例:刪除我吃過晚餐的狀態

let me= {
    name:"Winnie",
    age:18,
    ateDinner:true,
}
delete me.ateDinner;

console.log(me) 
//let me = {
//    name:"Winnie",
//    age:18,
//    gender:female,
//}

參考資料

JavaScript刪除和清空物件屬性
Object 物件

新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~/images/emoticon/emoticon29.gif


上一篇
Day12 陣列 Array 的新增與刪除
下一篇
Day14 陣列、物件與JSON格式
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言