JavaScript中对象的基本操作

1.对象的定义
对象就是一个数据的集合(复杂数据),对象属于复杂数据类型(也叫引用数据类型)

引用数据类型:object function array

例:

var obj = {
//内部存放的是键值对   (key/value  属性名:属性值)
    name:'lan',//键值对之间用逗号隔开
    age:18  //冒号左边是键,冒号右边是值,合在一起为键值对
}

2.创建对象
创建对象的两种方法:
1.字面量的形式

var obj = {
    name:'binbin',
    age:18
   }
console.log(obj);

2.通过内置构造函数的形式

var obj = new Object() //创建一个空对象

console.log(obj)

3.对象的基本操作
1.对象对于key的要求:
a.推荐使用符合变量命名规范和规则的命名方式
b.可以使用数字
c.可以使用特殊符号

举例说明:

var obj = {
            name: 'lan',
            lanLan: '18',
            123: '000000',
            '@': '特殊符号1',
            '#': '特殊符号2'
        }
        console.log(obj)

2.对象的基本操作包括:增删查改四种.有两种语法形式,分别是点语法和中括号语法(数组语法).

a.点语法

var obj = {
     name:'lan'
}

a.1 查看 (对象.key)

console.log(obj.name)

a.2 修改 (对象.key = 新的值)

obj.name = 'bin'
console.log(obj)

a.3 增加 (对象.新的key = 值)

obj.age = 18  //向对象中新增加一个key为age,值为18
console.log(obj)

a.4 删除 (delete 对象.key)

delete obj.name
console.log(obj)

b.中括号语法

var obj = {
            name: 'lan'
        }

b.1 查看 (对象[‘key’])

console.log(obj['name'])

b.2 修改 (对象[‘key’] = 新的值)

obj['name'] = 'bin'
console.log(obj)

b.3 增加 (对象[‘新的key’] = 值)

obj['age'] = 18
console.log(obj)

b.4 删除 delete 对象[‘key’]

delete obj['name']
console.log(obj)

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

5.遍历对象
所谓的遍历对象就是拿到对象中所有的键值对

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])
   }