对象

107 阅读2分钟

认识对象

* 定义: 是js中的一种数据格式 
* 语法: var obj = {键值对}
    * 注意如果内部有多个键值对,需要用 逗号 隔开

创建对象的方式

* 1.字面量的形式
    语法: var obj = {键值对}

        var obj = {
        a: 1,
        b: 5,
        c: 'abc',
        d: true,
        e: undefined,
        f: function (){
            console.log('我是 obj 对象内 r这个属性的属性值,我是一个函数' )
            }
        }
        console.log(obj)

* 2.内置构造函数的创建
    语法1: var obj = new Object()   //空对象

    语法2: var obj = new Object({a: 1, b: 2})

        注意:new Object  O是大写的

        var obj1 = new Object({
        b: 1,
        a: 2,
        e: true,
        d: undefined,
        q: function(){
            console.log('我是一个函数')
            }
        })
        console.log(obj1)

对象的操作(增删改查)

* 1.点语法
* 2.中括号语法

    两中语法的区别:
        1.对象的属性名,有纯数字或者特殊符号,这个时候,就只能使用中括号语法
        2.如果涉及变量相关的时候,也需要使用中括号


    var obj = {
        a: 1,
        b: 'qer',
        c: true
        d: undefined
    }
    console,log('原始对象',obj)

点语法:
    1)点语法--查询
    console.log(obj.a)

    2)点语法--新增
    obj.q = 123
    console.log('最新新增的对象q',obj)

    3).点语法--修改
    obj.a = 456
    console.log('最新修改的对象a',obj)

    4).点语法--删除
    delete obj.b
    console.log('删除属性后的obj:',obj)

中括号语法:
    5).中括号语法--查询
    console.log(obj['a'])

    6).中括号写法--新增
    obj['r'] = 123
    console.log('新增后的obj:' obj)

    7).中括号语法--修改
    obj['b'] = 456
    console.log('修改后的obj:' obj)

    8).中括号语法--删除
    delete obj['c']
    console.log('删除属性后的obj:',obj)

for..in遍历对象

* 语法: for (var i in 要遍历的对象) {循环要执行的代码}

    for..in: 一个循环语句
    对象: 一种数据格式
    遍历对象: 想办法拿到对象内部所有的属性名和属性值

    var obj = {
        a: 1, 
        b: 'wre'
        c: true
    }
    for (var i in obj){
        console.log(i)         //打印所有的的 key

        console.log(obj[i])    //打印说有的 value
    }