【Web前端笔记12】运算符_数据类型和流程循环语句

        12 运算符_数据类型和流程循环语句

一、数据类型

1、数据类型分类

二、基本运算符

1、typeof运算符

2、运算符

（1）加法运算符

（2）算术运算符

（3）赋值运算符（=）

（4）比较运算符

（5）布尔运算符

（6）位运算符

3、运算符优先级

4、类型转换

（1）自动转换

（2）强制转化

三、流程控制语句

1、分支语句

（1）if条件语句

（2）if else条件语句

（3）if else if else条件语句

（4）switch语句

2、三元运算符

3、循环语句

（1）for语句        

（2）While语句

（3）do...while循环

（4）break语句和continue语句

总结

---

12 运算符_数据类型和流程循环语句

一、数据类型

1、数据类型分类

        JavaScript 语言的每一个值，都属于某一种数据类型。JavaScript 的数据类型，共有六种。

• 原始类型(基础类型)：数值、字符串、布尔值

• 合成类型(复合类型)

对象：因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器

var user = {
  name:"开心麻花",
  age:20,
  learn:true
}

温馨提示

至于undefined和null，一般将它们看成两个特殊值。

二、基本运算符

1、typeof运算符

        描述：获取变量的类型

• 数值返回number

typeof 123 // "number"

• 字符串返回string

typeof '123' // "string"

• 布尔值返回boolean

typeof false // "boolean"

• 对象返回object

typeof {} // "object"

2、运算符

（1）加法运算符

        加法运算符（+）是最常见的运算符，用来求两个数值的和

•  数值相加

var num1 = 40;
var num2 = 20;
num1 + num2; // 60

• 非数值相加

true + true // 2
1 + true // 2

• 与字符串相加

//如果是两个字符串相加，这时加法运算符会变成连接运算符，返回一个新的字符串，将两个原字符串连接在一起。
'a' + 'bc' // "abc"
//如果一个运算子是字符串，另一个运算子是非字符串，这时非字符串会转成字符串，再连接在一起。

1 + 'a' // "1a"
false + 'a' // "falsea"

（2）算术运算符

• 余数运算符

12 % 5 // 2

• 自增和自减运算符

        一元运算符，作用是将运算子首先转为数值，然后加上1或者减去1

var x = 1;
var y = 1;
++x // 2
--y // 0

        注意：放在变量之后，会先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会先进行自增/自减操作，再返回变量操作后的值。

var x = 1;
var y = 1;


x++ // 1
++y // 2

var x = 10;
var y = 20;
console.log(x++ + y);// 30

（3）赋值运算符（=）

        描述：在js中，=代表的是把等号右边的值赋予左边的变量

var item;
	item =15;

// 将 1 赋值给变量 x
var x = 1;


// 将变量 y 的值赋值给变量 x
var x = y;

赋值运算符可以与其他运算符结合

// 等同于 x = x + y
x += y


// 等同于 x = x - y
x -= y


// 等同于 x = x * y
x *= y


// 等同于 x = x / y
x /= y


// 等同于 x = x % y
x %= y

（4）比较运算符

        用于比较两个值的大小，然后返回一个布尔值，表示是否满足指定的条件。JavaScript 一共提供了8个比较运算符。