对象的认识

70 阅读1分钟

创建对象 1. 字面量的形式 2. 通过内置构造函数

     1. 字面量的形式
    var obj = {
        name: 'QF',
        age: 18
    }
    console.log(obj)

     2. 通过内置构造函数
    var obj1 = new Object() // 创建一个空对象
    console.log(obj1)

对象对于 key 的要求 冒号左边还是右边? 1. 推荐使用 符合变量命名规范和规则的 2. 可以使用数字作为 key 3. 可以使用特殊符号

        var obj = {
            name: 'QF',
            bigBox: 'HHHH',
            123: '112233',
            '@': '特殊符号1',
            '#': '特殊符号2'
        }
        console.log(obj)
         var 123Obj = 100
        var $abc = 100
        var _abc = 100
        var @abc = 100
        var #abc = 100
        
        

增删改查

      var obj = {
        name: 'QF'
    }
     2. 中括号语法(数组语法)

     2.1 查 (对象['key'])
    console.log(obj['name'])

     2.2  修改 (对象['key'] = 新值)
    obj['name'] = 'QF999'
    console.log(obj)

     2.3 增加 (对象['新key'] = 值)
    obj['age'] = 18
    console.log(obj)

    2.4 删除 delete 对象['key']
    delete obj['name']
    console.log(obj)
    
    

对象的操作方式分为 2 种 1. 点语法 2. 数组方法(中括号)

       如何选择两种方式
           1. 对象 的 key 符合命名规范的时候 都可以
          2. 出现纯数字 为 key 或者 特殊符号 @#   我们需要使用 中括号语法
           3. 当出现变量的时候(想用变量作为 key) 也需要使用 中括号语法
           
           
           
           
           

遍历对象

就是拿到对象的所有 键值对

    var obj = {
        name: 'QF',
        a: 123,
        b: 456,
        c: 789
    }

     for...in 循环
    for (var key in obj) {
       console.log(key)    // 每一轮循环拿到的都是 对象 的 key 

        console.log(key, obj[key])
    }