JavaScript 知识整理(三) 对象和流程控制

JavaScript 知识整理(三) 对象

目录

JavaScript 知识整理(三) 对象

一、对象

1、对象声明

2、对象赋值

3、对象属性动态增删

二、流程控制

1、if 判断（和java一样）

2、while 循环（和java一样）

3、for 循环（和java一样）

5、for...in 循环 

6、for...of 循环

7、for...in 和 for...of 对比

---

一、对象

对象就是既有属性又有方法的一个实例化的类

1、对象声明

var person = {
    firstName : "John",
    lastName  : "Doe",
    age       : 50,
    eyeColor  : "blue"
};

//或者 new+类的构造方法

var person=new Person();

2、对象赋值

直接使用对象名.属性

person.lastName;

person["lastName"]

3、对象属性动态增删

js中的属性和方法可以动态的添加和删除

添加：

//直接新属性+属性值
person.addr="Beijing";

删除：

delete person.addr;

二、流程控制

1、if 判断（和java一样）

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

2、while 循环（和java一样）

while (条件)
{
    需要执行的代码
}

3、for 循环（和java一样）

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

5、for...in 循环 

遍历的是key：

for (变量 in 对象)
{
    在此执行代码
}

6、for...of 循环

遍历的是value:

for (变量 of 对象)
{
    在此执行代码
}

7、for...in 和 for...of 对比

let arr = [3, 5, 1, 2, 6];
console.log("for in:")
for (let a in arr) {
    console.log(a);
}
console.log("for of:")

for (let a of arr) {
    console.log(a);
}

输出：