2021-05-23

 

 

前言：各位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 对象

 

我的讲解完毕，谢谢大家观看！！