3

javascript 的对象详解

 3 years ago
source link: https://blog.csdn.net/qq_46462137/article/details/111497226
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

javascript 的对象详解

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

* 对象初始化

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK