对象属性

读取属性

读取对象的属性，有两种方法，一种是使用点运算符，还有一种是使用方括号运算符

xxxxxxxxxx
var user = {
  hello: 'Hello World'
};

user.hello // "Hello World"
user['hello'] // "Hello World"

温馨提示

如果使用方括号运算符，键名必须放在引号里面，否则会被当作变量处理

属性的赋值

点运算符和方括号运算符，不仅可以用来读取值，还可以用来赋值

xxxxxxxxxx
var obj = {};

obj.name = 'itbaizhan';
obj['age'] = 13;

JavaScript 允许属性的“后绑定”，也就是说，你可以在任意时刻新增属性，没必要在定义对象的时候，就定义好属性

xxxxxxxxxx
var user = { name: "itbaizhan" };

// 等价于

var user = {};
user.name = "itbaizhan";

查看所有属性

查看一个对象本身的所有属性，可以使用Object.keys方法

xxxxxxxxxx
var user = {
  key1: 1,
  key2: 2
};

Object.keys(user); // ['key1', 'key2']

delete 命令

delete命令用于删除对象的属性，删除成功后返回true

xxxxxxxxxx
var user = { name: "itbaizhan" };
Object.keys(user) // ["name"]

delete user.name // true
user.name // undefined
Object.keys(user) // []

温馨提示

删除一个不存在的属性，delete不报错，而且返回true

xxxxxxxxxx
var user = {};
delete user.name // true

只有一种情况，delete命令会返回false，那就是该属性存在，且不得删除(使用率极低)

for…in 循环

for...in循环用来遍历一个对象的全部属性

xxxxxxxxxx
var user = {
    name:"itbaizhan",
    age:13
};

for (var i in user) {
  console.log(user[i]);  // itbaizhan   13
}

实时效果反馈

1. 下列关于对象代码运行结果，正确的是：

xxxxxxxxxx
var user = {
    name: "itbaizhan",
    age: 13
};

user.job = "it";
user['location'] = "beijing";

for (var i in user) {
    console.log(user[i]);
}

A itbaizhan 13

B itbaizhan 13 it

C itbaizhan 13 it beijing

D name age job location

答案

1=>C