javascript 的 對象詳解
1.書寫格式: 關鍵字 標識符 賦值符號 大括號 分號
let obj = {} ;
2.舉個例子 手機的
在真實生活中,手機是一個對象。
手機有諸如品牌和顏色等屬性,也有諸如看電視和打遊戲的方法功能:
let phone = {
name: "apple", //牌子
size: 6.0, //尺寸
price: 9999, //價格
// 創建函數功能
//打電話的功能
call: function abc() {
//中間功能暫時沒寫
console.log("請輸入撥打的電話 ");
}
};
//輸出獲取價格等屬性
console.log(phone.price);
//方法功能的調用
phone.call();
3.例子2 電視tv
let tv ={
name:"mi",
size:64,
color:"black",
price:3888,
CPU:"12核",
temp:[1,3,5],
f72:true,
play:function aaa(){
console.log(`歡迎使用mi家`);
},
playgames:function bbb(){
console.log(`歡迎來到電視遊戲`);
}
}
console.log(tv.temp[0]);
console.log(`電視品牌${tv.price}, 電視尺寸${tv.size},電視顏色${tv.color},電視價格${tv.price}~ `);
tv.play();
tv.playgames();
console.log(tv[`f72`]);
console.log(tv.f72);
4.
* 對象初始化
* let obj = {
* 屬性名:屬性值,
* 屬性名1:屬性值1,
* 屬性名2:屬性值2,
* 屬性名3:屬性值3,
* 屬性名n:屬性值n,
* ...
* }
* 鍵:屬性名 值:屬性值
* 變量稱爲屬性
* 函數稱爲方法
* 注:冒號右側是否是函數
5.增刪改查功能
【增、刪、改、查】
舉例:
let xiaolei = {
eyes: 2,
hands: 2,
mouth: 1,
happy: 100,
life: 100,
f72: false,
BF: ["xiaoHai", "xiaoJunJun"], //朋友名字
//功能方法1
song: function() {
dragon();
},
//功能方法2
eat: function() {
left++;
happy++;
},
//功能方法3
smoking: function() {
left--;
happy++;
},
dragon: function() {
console.log("long");
}
}
console.log(xiaolei);
新增
xiaolei.drink = function(count) {
if (count > 3) {
left--;
}
happy++;
}
//查找
xiaolei.f72
console.log(xiaolei["f72"]);
//修改
console.log(xiaolei.f72); //false
xiaolei.f72 = true;
console.log(xiaolei.f72); //true
刪除
let obj = {
name: "z3",
age: 18,
gender: true,
say: function() {
console.log("say hello to everybody!!");
}
};
delete obj.age;
console.log(obj);
console.log(obj.age); //un
刪除方法,不需要加小括號
delete obj.say;
console.log(obj);
// obj.say(); //obj.say is not a function
【遍歷對象】
【遍歷屬性名】
for (let items of Object.keys(obj)) {
console.log(items);
}
【遍歷屬性值】
for (let items of Object.values(obj)) {
console.log(items);
}
【鍵值對】
for (let items of Object.entries(obj)) {
console.log(items);
}