本文内容核心:对象
在百度翻译中对象称为object
安装插件
第一部分去找找在JS中对象的语法是什么 如何去创建对象的,调用对象!
var name="李四"; var people={}; var obj=[] var dog={ // sex } var animal={ age:23 } // 对象 var teacher={ name:"张珊" }
console.log(teacher) console.log(people) console.log(obj) console.log(dog) console.log(animal.sex) console.log(animal.age)
上面是对象的运行结果
通过上面的小Demo 我们发现了只有下面的自己声明的对象打印了
var animal={ age:23 } // 对象 var teacher={ name:"张珊" }
console.log(teacher) //在这里控制台打印了我的内容
console.log(animal.age) 在这里控制台打印了我们的语法
接下来我们吧上面的类型打印一下
在上面的内容上去判断他们的类型
总结一:
创建对象的语法是 var 对象名={属性1:属性值1,属性2:属性值2,属性3:属性值3,属4:属性值4,属性5:属性值5,属性6:属性值6,...}
var obj2 = { "name": '张三',"age": '23',"sex": '男'}
对象的调用 对象名称.属性
console.log(obj2.name)
第二部分对象除了有属性应该还有行为在js中称之为方法,那对象的方法改如何调用:在下面的案例中去找找对象的方法时如何调用的呢!
var name = "shriop" var age = 19 var height = 1.80 console.log("名字是" + name + "年龄" + age + "身高" + height); // ! 对象的类型 var obj1 = new Object(); console.log(obj1); // ! 对象的创建 var obj2 = { "name": '张三', "age": '23', "sex": '男', run: function () { console.log("我是对象创建的方法") }, hand: { "count": '' }, eat:function(){ console.log("我的函数内容在吃什么呢") } }
console.log(obj2.name) console.log(obj2.hand) console.log(obj2.run()) console.log(obj2.eat())
经过上面的代码演示是否理解呢!
总结二:
创建对象的方法的语法规则: 行为名称:function () { } 动作名称:function () { } run: function () { console.log("我是对象创建的方法") }
第三部分如何对对象的属性进行增加 修改 删除呢!
// 修改 obj2["name"] = "李四" // 修改 obj2.name = "赵武" //增加 obj2["hand"] = "234" // 删除 delete obj2.hand
总结三:对于对象的修改 删除 增加的 语法
// 修改方案一 对象名[属性名]=修改后的属性名 obj2["name"] = "李四" // 修改方案二 对象名.属性名=修改后的属性名 obj2.name = "赵武"
//增加 对象名[对象的属性]=属性值 obj2["hand"] = "234" // 删除 dellete 对象名.属性名 delete obj2.hand