03-JavaScript基础-数据类型，操作符，字符类型转换

一共有六种数据类型：简单数据类型：number类型 字符串类型 布尔类型 null和undefined
复杂数据类型：数组（array）和对象（object）

number类型：

浮点数：
var num = 0.1;
科学计数法:

//当一次数字很大的时候，可以用科学计数法来表示
var num = 5e+5;  //5乘以10的5次方
var num = 3e-3;//3乘以10的-3次方

• 科学计数法

//在进行浮点数运算的时候，可能会出现精度丢失的问题
0.1 + 0.2 = 0.30000000000000004;
0.2 + 0.2 = 0.4;
//尽量少用浮点数进行运算，不要让浮点数进行比较。

解决办法 : 根据小数点后面的位数量 乘以对应的整数;
0.1 + 0.2  ==> (0.1*10+0.2*10) / 10 = 0.3
0.01 + 0.02 呢?

字符串类型

字符串长度：

var str = "dadasdafsfas";
console.log(str.length);

• 引号可以嵌套,但是只能相互嵌套,不能嵌套自己 (单双号相互嵌套)
• 通过转义符

转义字符串：

转义字符.png

字符串的拼接：

• +号具有字符串拼接的功能，他可以将两个字符串拼接成一个字符串
• +号同时具有算术的功能，它能将两个数字进行相加
• +号两边有一个字符串，则是字符串拼接功能，如果两个都是数字，则是算数功能

/ 第一种情况 : 字符串 + 字符串
var a = "hello";
var b = "itcast";
console.log(a + b);//字符串拼接功能

// 第二种情况 : 数值 + 数值
var a = 100;
var b = 100;
console.log(a + b);//加法

// 第三种情况 : 字符串 + 数值
var a = 'abc';
var b = 100;
console.log(a + b);//字符串拼接功能

布尔类型：true 和 false

//布尔类型只有两个值
true:表示真
false:表示假

注意：

​ 1. 区分大小写，不要写成True或者是False了

​ 2. 'true' 和 true , 前者是字符串类型

null 和 undefined

undefined表示一个没有赋值的变量
null表示一个空的值, ( 例如 : 获取一个元素,id写错了,获取不到,返回一个null)

undefined和null的区别.png

字面量赋值 与 变量赋值

• 字面量赋值，字面量也叫直接量，一眼能够识别是什么类型的变量，比如11, "abc", true, false, undefined, null等都是字面量，可以直接会使用。
• 变量赋值：浏览器必须要经过声明之后，才认识变量，如果没有声明，直接使用变量是会报错的。

操作符

• 算术运算符

  
  
  算术运算符.png

赋值运算符

赋值运算符有： = , +=, -=, *=, /=, %=

var num = 10;
num += 1;   //num = num + 1;
num -= 1;   //num = num - 1;
num *= 2;   //num = num * 2;
num /= 2;   //num = num / 2;
num % = 2;  //num = num % 2;

一元运算符

先自增：++i
后自增：i++

异同点 :
1. 相同点 : 代码执行之后, 数值都会 + 1
2. 不同点 : 就是在自增的时候使用就会出现不同

//先自增：
var num = 1;
console.log(++num); //先自增：表示先加1，后返回值

//后自增：
var num = 1;
console.log(num++);// 后自增：表示先返回值，后+1

自减运算符：--

• 先自减：--i
• 后自减：i--

逻辑运算符

• &&：与运算符，表示且，只有当两个操作数都为true的时候，结果才是true
• ||：或运算符，表示或，只要有其中一个操作数是true,结果就是true
• !：非运算符，取反

console.log( true && true );
console.log( false && true );
console.log( true && false );
console.log( false && false );

console.log( true || true );
console.log( false || true );
console.log( true || false );
console.log( false || false );

console.log(!true);
console.log(!false);

总结 : 
&&  翻译 : 一个为真,且,,另外一个也为真  => 才为真
1. 两者都为true,才为true
2. 前者为true,,决定权在后者

||  翻译 : 一个为真,或者另外一个为真 => 真
1. 两者有一个为true,结果就为true
2. 前者为false,,决定权在后者

比较运算符

< >= <= == === != !==

var a = 5;
var b = 6;
console.log(a > b);//大于
console.log(a < b);//小于
console.log(a >= b);//大于等于
console.log(a <= b);//小于等于

console.log(a == b); //相等，只比较值，不比较类型
console.log(a === b); //全等，比较类型和值
console.log(a != b); // 不等， 只判断值，不判断类型
console.log(a !== b); // 不全等 判断值，且判断类型

注意 : 
 数字类型比较和字符串比较是由区别的 
 1. 数字比较 : 24>3;   比较数字大小
 2. 字符串比较 : '24' < '3'   比较首字母大小
 3. 字符串和数字混合比较 : 比较数字内容大小

运算符优先级

• ()优先级最高
• 一元运算符 ++/--/!
• 算数运算符 （先*/%, 后+-）
• 比较运算符 （> < >= <= ）再（== === != !==）
  -逻辑运算符（先&&后||）

数据类型转换

查看数据类型

var num = 11;
console.log(typeof num);
num = "abc";
console.log(typeof num);

转换成 数值 -number

console.log(Number('55'));
Number()可以把任意值转换成数值类型，但是如果字符串中有不是数字的字符，返回NaN

• parseInt() 和 parseFloat()

- parseInt()  把整数或者小数都转化为整数;
- parseFloat() 把整数转化整数,把小数转化为小数
var num1 = parseInt("12");  // 12
var num1 = parseInt("12.3"); //12
var num1 = parseFloat("12"); //12
var num1 = parseFloat("12.3");//12.3

var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN

转换成 字符串类型 - string

String ( ) 因为null 和undefined 没有toString()方法 可以String可以用于null 和 undefined

var num = 5;
num = String(num);
console.log(num);

toString ( )

var num = 5;
console.log(num.toString());// 把数值5变成字符串5
//将来所有的数据都会有toString()方法，除了null和undefined

转换成布尔类型 - boolean

• 其中 0, "", undefined，null， NaN，这几个值会转换成false，其他值都会转换成true
• 1 在布尔值中代表 true 0代表false

NaN

NaN: not a number, 表示一个非数字

在js中，NaN用来表示一个非数字的特殊值，当发现无法进行运算时，js不会报错，而是会返回一个NaN

NaN的注意事项：

• NaN的类型是number类型的，表示一个非数字
• NaN不等于任何值，包括NaN本身
• 通过isNaN()可以判断是否是一个数字，返回false的时候，表示是一个数字。