iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 7
0
自我挑戰組

JavaScript學習日誌系列 第 7

學習日誌07-物件

  • 分享至 

  • xImage
  •  

物件的宣告

當資料越來越複雜時,提取資料就越來麻煩,所以要用物件方式。
ex. 大路邊的公司的業務、業務業績、業務數、拜訪數量等資訊:

var RoadCompany = {
    supervisor: "Gary",
    sales: ["Amber","Katie","Ringo","Han"],
    salesGrade: [90,85,82,78],
    salesNumber: 4,
    visit:[22,16,13,4]
    }
};

物件的運用

想要取得其中某一個屬性的值時,例如該公司的主管:

var mySupervisor = RoadCompany.supervisor;
console.log(mySupervisor);

//輸出
Gary

想要取得第二位業務姓名:

var mySales = RoadCompany.sales[1];
console.log(mySales);

//輸出
Katie

想要更改第一位業務的業務業績:

RoadCompany.salesGrade[0] = 98;
var mySalesGrade = RoadCompany.salesGrade[0];
console.log(mySalesGrade);

//輸出
98

想要增加物件屬性,例如新增開會時間:

RoadCompany.MeetingTime = '周一AM09:30';

物件與函式

在物件中可以加入函式,例如公司全部業務的數量:

var RoadCompany = {
    supervisor: "Gary",
    sales: ["Amber","Katie","Ringo","Han"],
    salesGrade: [90,85,82,78],
    salesNumber: 4,
    visit:[22,16,13,4],
    countSales: function(){
        console.log("本公司業務有 " + RoadCompany.salesNumber + " 位");
    }
};

需要時直接呼叫 :

RoadCompany.countSales();

//輸出
本公司業務有 4 位

上一篇
學習日誌06-陣列
下一篇
學習日誌08-控制判斷(運算子)
系列文
JavaScript學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言