前端文章筆記

記下內容的雜文區

0%

物件取值、新增、刪除

發表於 分類於

這邊紀錄物件取值和新增、刪除用法

物件取值

物件取值有兩種方法，一個是用「.」，另一個是用 [ ]
1.使用「.」來取值

1
2
3
4
var a = {
  item:10
};
console.log(a.item);//10

2.使用 [ ]，在物件變數後面加上 [ ] 裡面插入要取得值的字串

1
2
3
4
var a = {
  item:10
};
console.log(a['item']);//10

使用 [ ] 不僅可用字串取值，他還可用變數的方式來取值

1
2
3
4
5
var a = {
  item:100
};
var b = 'item';
console.log(a[b]); //100

陣列也屬於物件型別的其中一種
陣列取值若遇到小數點、中文或是特殊字元
可用 [ ] 來取值，像是 PM2.5 建議改用 ["PM2.5"]
data[i]["PM2.5"]
data[i]["縣市"]

新增

與取值一樣，用「.」也可用 [ ] 來增加屬性

1
2
3
4
5
6
7
8
9
10
11
var a = {
  item: '項目 1'
};
a.title = '標題 a';
a['num'] = 100;
console.log(a);
//Object {
  item: "項目 1",
  num: 100,
  title: "標題 a"
}

刪除

可用 delete 這個操作符並用「.」接著後方加入物件名稱和屬性名稱

1
2
3
4
5
6
7
8
9
10
11
var a = {
  item: '項目 1'
};
a.title = '標題 a';
a['num'] = 100;
delete a.item;
console.log(a);
//Object {
  num: 100,
  title: "標題 a"
}

也可用 [ ] 來刪除

1
2
3
4
5
6
7
8
9
10
11
12
13
var a = {
  item: '項目 1',
  item2: '項目 2',
};
a.title = '標題 a';
a['num'] = 100;
delete a['item2'];
console.log(a);
//Object {
  item: "項目 1",
  num: 100,
  title: "標題 a"
}