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);
}
来源:oschina
链接:https://my.oschina.net/u/4417309/blog/4832057