JavaScript--对象

一、对象 Object

    js是面向对象的编程语言 (注重结果);

二、对象是无序的,存储的方式是 { key : value } 键值对的存储方式。

三、对象的三大对象:

   封装 抽象 继承

四、声明对象的方法:

   4.1、使用new

      var obj = new Object();  // 输出的是一个空的对象

         4.2、 省略掉new

      var obj1 = Object() ; //输出的是一个空对象。

         4.3 、 直接声明一个对象

         Var obj2 = {}; //输出的也是一个空对象。

五、对象创建的格式

     对象名{

         age :  6,

         name : '张三',

         方法名:function(){

             console.log(“这是一个方法,请注意”);

         }

     }

五、对象设置及访问

     5.1、设置对象:

                  模拟存储一个用户信息

          var preson = {}; //这个是一个空的对象。

          preson.name = '张三';

          preson.age = 16;

          preson.fangfa = function(){    //设置一个方法

            console.log(“这个是一个用户信息”);

            }

         console.log(preson); //preson =  {name: "张三", age: 18, sex: "男",fangfa: ƒ}

         给对象设置属性值 :这个值可以是对象、可以是函数、可以是任意数据类型。

                5.2、访问对象

          5.2.1:方法一: 

            console.log(对象.属性);

          5.2.1:方法二:obj['key‘]  key 是属性

                 console.log(对象【‘属性’】)

六、查删修改操作

                     删除属性:
        delect 对象.属性;

                 修改对象属性

      语法:对象.属性名=新值

     查看对象中是否有该属性:判断对象是否含有某个属性——in 运算符

        console.log(’属性‘,in,对象);

 

七、修改对象属性
      语法:对象.属性名=新值;
七、遍历:
      7.1、遍历对象中属性(for...in循环)
               语法:for(var 变量 in 对象){   //变量就是key key就是属性,对象有几个属性,循环体就会执行几次 。
                
              //每次执行时,会将对象中的一个属性的名字赋值给变量
            }
      案例:

        var obj={
          name:"孙悟空",
          age:18,
          gender:"男",
          address:"花果山"
        }
        for(key in obj){
          //console.log(key); //输出所有的key(就是属性)
          console.log("属性值:"+obj[key]); //对象[属性] == 就是拿出来的值
        }

      7.2、foreach

        格式:

          arr.foreach(function{数组元素,数组小标,数组本身}{

            循环体

          })

         foreach与for的区别: foreach 不能break,contiune、return。

八、对象的方法:

        8.1、Object.keys(obj); //把对象中的属性转换成数组;

          var zhu1 = {
            a: 6,
            b: 7,
            c: 9
          };
          var arr = Object.keys(zhu1); //把对象转换成数组
          for(var i = 0; i< arr.length; i++){ //遍历数组
          var key = arr[i];
          console.log(key); //拿到属性
          var value = zhu1[key]; //对象[属性] = 值
          console.log(value); //拿到值
         }

        8.2、Object.value(zhu1)  把对象里面的值转换成数组

        8.3\Object.assign(对象1,对象2); 合并 以第一个为基准把第二合并到第一个里面,第一个对象会发生改变

                             如果不想原数组发生改变的话:Object.assign({},对象1,对象2);//都合并到{}这个里面 并不对对象1和对象2 进行影响.

 九、总结:

 

posted @ 2020-10-22 11:08  诗亦0615  阅读(108)  评论(0)    收藏  举报