JS基础学习次日

时间 2021-04-11

标签函数编码 spa code 对象字符串数学 string 栏目 JavaScript 繁體版

原文原文链接

类型转换

类型转换就是指将其余的数据类型，转换为String Number 或 Boolean函数

转换为String

方式一（强制类型转换）：

调用被转换数据的toString()方法
例子：
var a = 123;
a = a.toString();
注意：这个方法不适用于null和undefined
因为这两个类型的数据中没有这个方法，因此调用toString()时会报错ui

方式二（强制类型转换）：

调用String()函数
例子：编码

1 2	var a = 123; a = String(a);

原理：对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串，对于null值，直接转换为字符串”null”。对于undefined直接转换为字符串”undefined”spa

方式三（隐式的类型转换）:

为任意的数据类型 +“”
例子：code

1 2	var a = true; a = a + "";

原理：和String()函数同样对象

转换为Number

方式一（强制类型转换）：

调用Number()函数
例子：字符串

1 2	var s = "123"; s = Number(s);

转换的状况：数学

字符串 ——> 数字
若是字符串是一个合法的数字，则直接转换为对应的数字
若是字符串是一个非法的数字，则转换为NaN
若是是一个空串或纯空格的字符串，则转换为0
布尔值 ——> 数字
true转换为1
false转换为0
空值 ——> 数字
null转换为0
未定义 ——> 数字
undefined 转换为NaN

方式二（强制类型转换）：

调用parseInt()或parseFloat()
这两个函数专门用来将一个字符串转换为数字的string

若是对非String使用parseInt()或parseFloat()，它会先将其转换为String而后在操做 parseInt()
能够将一个字符串中的有效的整数位提取出来，并转换为Number
例子：it

 
      var a = "123.456px"; 
a = parseInt(a); //123

parseFloat()能够将一个字符串中的有效的小数位提取出来，并转换为Number
例子：

1 2	var a = "123.456px"; a = parseFloat(a); //123.456

方式三（隐式的类型转换）：

使用一元的 +来进行隐式的类型转换
例子：

 
        var a = "123"; 
a = +a;

转换为布尔值

方式一（强制类型转换）：

使用Boolean()函数
例子：

1 2	var s = "false"; s = Boolean(s); //true

转换的状况
字符串 ——> 布尔
除了空串其他全是true

数值 ——> 布尔
除了0和NaN其他的全是true

null、undefined—— > 布尔
都是false

对象 ——> 布尔
都是true

方式二（隐式类型转换）：

为任意的数据类型作两次非运算，便可将其转换为布尔值
例子：

 
        var a = "hello"; 
a = !!a; //true

基础语法

运算符

运算符也称为操做符
经过运算符能够对一个或多个值进行运算或操做

typeof运算符

用来检查一个变量的数据类型
语法：typeof 变量
它会返回一个用于描述类型的字符串做为结果

算数运算符

+ 对两个值进行加法运算并返回结果
- 对两个值进行减法运算并返回结果
* 对两个值进行乘法运算并返回结果
/ 对两个值进行除法运算并返回结果
% 对两个值进行取余运算并返回结果

除了加法之外，对非Number类型的值进行运算时，都会先转换为Number而后在作运算。
而作加法运算时，若是是两个字符串进行相加，则会作拼串操做，将两个字符链接为一个字符串。
任何值和字符串作加法，都会先转换为字符串，而后再拼串。

一元运算符

一元运算符只须要一个操做数

一元的+

就是正号，不会对值产生任何影响，可是能够将一个非数字转换为数字
例子：

1 2	var a = true; a = +a;

一元的-

就是负号，能够对一个数字进行符号位取反
例子：

1 2	var a = 10; a = a;

自增

自增能够使变量在原值的基础上自增1
自增使用 ++
自增能够使用前++（++a）后++(a++)
不管是++a 仍是 a++都会当即使原变量自增1
不一样的是++a和a++的值是不一样的，
++a的值是变量的新值（自增后的值）
a++的值是变量的原值（自增前的值）

自减

自减能够使变量在原值的基础上自减1
自减使用
自减能够使用前（a）后(a)
不管是a 仍是 a都会当即使原变量自减1
不一样的是a和a的值是不一样的，
a的值是变量的新值（自减后的值）
a的值是变量的原值（自减前的值）

逻辑运算符

!
非运算能够对一个布尔值进行取反，true变false false边true
当对非布尔值使用!时，会先将其转换为布尔值而后再取反
咱们能够利用!来将其余的数据类型转换为布尔值

&&
&&能够对符号两侧的值进行与运算
只有两端的值都为true时，才会返回true。只要有一个false就会返回false。
与是一个短路的与，若是第一个值是false，则再也不检查第二个值
对于非布尔值，它会将其转换为布尔值而后作运算，并返回原值
规则：
1.若是第一个值为false，则返回第一个值
2.若是第一个值为true，则返回第二个值

||
||能够对符号两侧的值进行或运算
只有两端都是false时，才会返回false。只要有一个true，就会返回true。
或是一个短路的或，若是第一个值是true，则再也不检查第二个值
对于非布尔值，它会将其转换为布尔值而后作运算，并返回原值
规则：
1.若是第一个值为true，则返回第一个值
2.若是第一个值为false，则返回第二个值

赋值运算符

=
能够将符号右侧的值赋值给左侧变量
+=

1 2	a += 5 至关于 a = a+5 var str = "hello"; str += "world";

1	a -= 5 至关于 a = a-5

1	a = 5 至关于 a = a5

1	a /= 5 至关于 a = a/5

1	a %= 5 至关于 a = a%5

关系运算符

关系运算符用来比较两个值之间的大小关系的
>
>=
<
<=
关系运算符的规则和数学中一致，用来比较两个值之间的关系，
若是关系成立则返回true，关系不成立则返回false。
若是比较的两个值是非数值，会将其转换为Number而后再比较。
若是比较的两个值都是字符串，此时会比较字符串的Unicode编码，而不会转换为Number。

相等运算符

相等，判断左右两个值是否相等，若是相等返回true，若是不等返回false
相等会自动对两个值进行类型转换，若是对不一样的类型进行比较，会将其转换为相同的类型而后再比较，转换后相等它也会返回true，null == undifined

!=
不等，判断左右两个值是否不等，若是不等则返回true，若是相等则返回false
不等也会作自动的类型转换。

===
全等，判断左右两个值是否全等，它和相等相似，只不过它不会进行自动的类型转换，
若是两个值的类型不一样，则直接返回false

!==
不全等，和不等相似，可是它不会进行自动的类型转换，若是两个值的类型不一样，它会直接返回true

特殊的值：
null和undefined
因为undefined衍生自null，因此null == undefined 会返回true。
可是 null === undefined 会返回false。
NaN
NaN不与任何值相等，报告它自身 NaN == NaN //false

判断一个值是不是NaN
使用isNaN()函数

三元运算符：

?:
语法：条件表达式?语句1:语句2;
执行流程：
先对条件表达式求值判断，
若是判断结果为true，则执行语句1，并返回执行结果
若是判断结果为false，则执行语句2，并返回执行结果

优先级：
和数学中同样，JS中的运算符也是具备优先级的，
好比先乘除后加减先与后或
具体的优先级能够参考优先级的表格，在表格中越靠上的优先级越高，
优先级越高的越优先计算，优先级相同的，从左往右计算。
优先级不须要记忆，若是越到拿不许的，使用()来改变优先级。

流程控制语句

程序都是自上向下的顺序执行的，
经过流程控制语句能够改变程序执行的顺序，或者反复的执行某一段的程序。

条件分支语句

条件判断语句也称为if语句
语法一：

1
2
3

if(条件表达式){ 
 语句... 
}

执行流程：  
if语句执行时，会先对条件表达式进行求值判断， 
若是值为true，则执行if后的语句 
若是值为false，则不执行

语法二：

if(条件表达式){ 
 语句... 
}else{ 
 语句... 
}

执行流程：  
if...else语句执行时，会对条件表达式进行求值判断， 
 若是值为true，则执行if后的语句 
 若是值为false，则执行else后的语句

语法三：

if(条件表达式){ 
 语句... 
}else if(条件表达式){ 
 语句... 
}else if(条件表达式){ 
 语句... 
}else if(条件表达式){ 
 语句... 
}else{ 
 语句... 
}

执行流程  
 if...else if...else语句执行时，会自上至下依次对条件表达式进行求值判断， 
 若是判断结果为true，则执行当前if后的语句，执行完成后语句结束。 
 若是判断结果为false，则继续向下判断，直到找到为true的为止。 
 若是全部的条件表达式都是false，则执行else后的语句

学识浅薄，若有错误，恳请斧正，在下不胜感激。