# 数据类型转换

## 强制转换（显式转换）

### 转为字符串

```js 
// 数据.toString( )方法，返回字符串值，不可以转null和undefined
var bool = true;
console.log( bool.toString() ); // 'true'
console.log( (123).toString() ); // '123'

// String( )方法，返回字符串值，所有值都能转
console.log( String(null) ); // 'null'
console.log( String(123) ); // '123'
```

### 转为数字

```js
// Number( )方法，将数据转为数字类型
console.log( Number(true) ); // 1
console.log( Number(false) ); // 0
console.log( Number('123') ); // 123
console.log( Number('123a') ); // NaN
```

- parseInt( ) 与 parseFloat( ) 方法

+ parseInt( )从左到右检测数据中不为数字的字符，并把之前解析到的数字值返回，如果第一个字符不为数字则返回NaN
+ parseFloat( )与parseInt( )相似，parseInt( )解析整数，parseFloat( )解析整数和浮点数

### 转为布尔值

```js
// Boolean()方法，将数据转为布尔值
console.log( Boolean(2) ); // true
console.log( Boolean(0) ); // false
console.log( Boolean('abc') ); // true
console.log( Boolean('') ); // false
console.log( Boolean(null) ); // false
```

任何数据类型转为布尔类型的规则：
`undefined、null、0、NaN、''(空字符)及false本身，这六种数据会被转成false，其它所有数据都会被转成true`

## 自动转换（隐式转换）

- 加号+:

1. 数学加法运算
   console.log( 2 + 3 );// 5

2. 用于字符串拼接
   var str = 'hello';
   console.log( 'hello' + 'world' );// 'helloworld'
   console.log( str + 'world' );// 'helloworld'

3. 一元运算符 + 转成正数，如果+后面是数字，就代表正号
   console.log( +123 );// 123
   console.log( +'123' );// 123
   console.log( +true );// 1

- 减号-:

1. 数学减法运算
   console.log( 5 - 2 );// 3

2. 一元运算符 - 转成负数，如果-后面是数字，就代表负号
   console.log( -123 );// -123
   console.log( -'123' );// -123
   console.log( -true );// -1

```js
// 当数字和布尔值/null相加时，布尔值/null被转换成数字
console.log( 1 + true );
console.log( 1 + null );

// 当字符串和其它类型相加时，其它类型被转换成字符串
console.log('123'+true);
console.log(123+'4');
```

```js
// 当两个纯数字字符串相减时，字符串被转成数字
console.log('15'-'2');

// 当一个纯数字字符串和一个数字相减时，字符串被转成数字
console.log('15'-2);
```

- 还有 * / % 也是一样的，js会找到运算符最适合的类型并转换

```js
// 逻辑运算符 &&  ||  ! 也会发生自动类型转换
console.log( 123 && 4 > 5 );// false
console.log( '' || 4 > 3 );// true
console.log( !'abc' );// false

// !! 两次取反转换，保证了值没有变化，但类型已经被转为布尔值
var str = 'abc';
var bool = !!str;
console.log(bool);
```

```js
// 关系运算符也会发生自动类型转换
两个数字 --> 正常比较大小
两个字符串 --> 正常比较，比较字符的ASCII码值，'0'->48，'A'->65，'a'->97

undefined == null -> true ECMA规定的
undefined === null -> false 数据类型不同

number == string，将string转换为number，再比较
number == boolean，将boolean转换为number，再比较
boolean == string，都转为number，再比较
```

## 对话框 prompt

prompt(str1，str2)  弹出可输入的对话框

- str1: 要显示在消息对话框中的文本(提示)
- str2：文本框中的内容

返回值:

- 点击确定按钮，返回输入的内容
- 点击取消按钮，返回null

# 选择结构

- 选择结构根据给定的条件，由判断结果来控制程序的流程

## if 语句

- 根据表达式的判断结果(true|false)，选择执行符合条件的语句

```js
// 语法
if (表达式) {
    语句1
}
语句2
// 如果语句1只有一条，可以省略{}大括号（不推荐）

if (表达式) {
    语句1
} else {
    语句2
}
语句3
// 如果语句1和语句2分别只有一条，都可以省略{}大括号（不推荐）

if (表达式1) {
    语句1
} else if (表达式2) {
    语句2
} else {
    语句3
}
语句4
// else if 可以有一个或多个，else非必须出现
```

![01.png](./imgs/01.png)

## switch 语句

- 根据不同的条件来决定执行不同的代码块

```js
switch(表达式){
    case 值1:
        执行代码块 1
        break;
    case 值2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时，执行此处代码
}
其他语句
```

![02.png](./imgs/02.png)

- 工作原理：
  + 首先设置表达式（通常是一个变量）
  + 随后表达式的值会与结构中的每个 case 的值进行匹配
  + 如果存在匹配，则与该 case 关联的代码块会被执行
  + 使用 break 来阻止代码自动地向下一个 case 运行   
- 注：break关键字会导致代码执行流跳出switch语句

# 循环结构

- 循环：指事物周而复始地运动或变化
- 使用循环结构的一些共同特征：
  1.有规律性的重复操作
  2.重复执行的代码很相似

- 如：输出10次'hello world'

```js
console.log('hello world 1');
console.log('hello world 2'); 
console.log('hello world 3');
......
console.log('hello world 10');
```

+ 这样处理起来非常的费时费力，同时也会有非常多的冗余代码！
+ 假如我要输出 100次 1000次 'hello world' 呢？？

## for 循环

语法：

```js
for (表达式1; 表达式2; 表达式3) {
    循环体4;
}
```

1. 表达式1：为不参与循环的单次表达式，用来给循环控制变量赋初值
2. 表达式2：一般是一个关系表达式，作为循环条件(设置终止值)
3. 表达式3：一般为循环变量增量或减量(步长)
4. 循环体4：需要重复执行的代码

```js
for (var i = 0; i < 5; i++) { // 增量循环
    console.log(i);
}

for (var i = 5; i >= 1; i--) {// 减量循环
    console.log(i);
}
```

![01.png](./imgs/03.png)

注意：

- for()括号中的表达式皆可以省略，但分号不可省略
- 省略了表达式2(循环条件), 若不做其它处理则成为死循环
- 死循环：没有终止条件并一直执行的循环即为死循环
- for循环的嵌套，可以简单的理解为行和列的关系

ITPub博客

ES5基础总结（三）

最新文章