javascript 的对象详解

走远了吗. 提交于 2020-12-23 12:36:38

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);

}

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!