前言:各位csdn的源员们,大家好。我是小刘,初来乍到请大家多多指教,因为这是第一次发表博客,如有错误请大家观看后谅解,并在评论区留下您宝贵的意见,小刘将会用最大的努力去改正以及认真对待每一次代码的编写,请大家一定要多多包涵,你们的支持是我继续努力的最大动力,当然大家觉得不错可以关注我喔,带你走遍代码的每一个角落,让你感受代码的神奇之处。
首先我向大家透露一点点小方法,一定要认真观看喔!
本次用到的编程软件:DW
本次涉及到的内容:html,css以及javaScript
20.JavaScript对象
讲解对象前我们先要知道六种数据类型
string 字符串 Number数值 Boolean 布尔值 Null空值 Undefind 未定义 Object 对象
var name="张三";
var age=19;
var tel="10086";
如果我们使用基本数据类型,可以将一个人的信息保存下来;但是他们是独立的没有联系的数据
对象是一种复合的数据类型,在对象中可以储存多个不同数据类型的属性
对象的分类:
1.内建对象
由ES标准中定义的对象,在任何ES的实现中都可以使用。例如:Math String Number Boolean Funtion object.......
2.宿主对象
由Js的运行环境提供的对象,目前来讲主要指浏览器提供的对象 。 比如:BOM(浏览器对象模型) DOM(文档对象模型) 例如:我们常用的console。log()就是DOM中的对象
3. 自定义对象
由我们开发人员定义的对象
创建对象
使用new关键字调用的函数,是构造函数constructor
构造函数是专门用来创建对象的函数
var obj=new Object();//创建对象
console.log(obj);
console.log(typeof obj);
在对象中保存的值称为属性
向对象添加的属性的语法:1.对象.属性名=属性值 2. 对象["属性名"]=属性值
读取对象属性的语法: 1 对象。属性名 2 对象["属性名"]
注意:如果对象中没有属性,不会报错而是返回undefined
1.为对象添加属性
obj.name="zhangsan";
obj.age=21;
obj.tel="13894558732";
console.log(obj);
2.获取对象中的属性值
console.log(obj.tel);
console.log(obj.adress);
console.log(obj["name"]);
3.修改对象的属性值
obj.age=22;
4.删除对象的属性
delete obj.tel;
console.log(obj);
21.JavaScript对象-属性名与属性值
var person=new Object();
var obj=new Object();
obj.name="zhangsan";
obj.age=12;
obj.bl=false;
obj.nl=null;
obj.adress=undefined;
obj.person=person;
console.log(obj)
属性名:
对象的属性名不强制要求遵守标识符的规则
什么名称都可以,但是不允许在这里使用,我们自己定义的使用必须遵守标识符的规则
var worker=new Object();
worker.name="小明";
worker.age=23;
worker.adress="九王庙兴业路八号";
console.log(worker);
console.log(worker.age);
console.log(worker.adress);
var boss=new Object();
boss.name="马云";
boss.age=40;
boss.staff=worker;
console.log(boss);
console.log(boss.name);
console.log(boss.staff.name);
in运算符
通过该运算符检查一个对象中是否含有指定的属性 如果含有则返回true,如果没有则返回false
语法:“属性名” in 对象