JavaScript-03

变量及数据类型

变量

JS为弱类型语言，常用变量类型（字符串、数字、布尔值、对象等）都声明为var。

变量命名规则

• 第一位必须是字母
• 可以包含字母、数字、下划线、美元符号$
• 变量名不能是关键字或保留字
• 通常情况下，统一使用小驼峰命名法（camelCase）

使用方法

• 先声明再赋值

var a;  
a = 1; 

• 同时声明并赋值

var a = 1;  

• 声明多个变量

var a = 1, b = 2, c = 3;  
var a, b, c;  
a=1;  
b=2;  
c=3;

• 直接使用

a=1; 

数据类型

• string
• number（支持整数、浮点数；支持八进制 - 0开头如010、十六进制 - 0x开头，如0x0f）
• boolean(值为true或false)
• object（引用类型：object、array、function）
• undefined
• null

可以使用typeof()查看数据类型

var a = "abc";  
console.log(typeof(a)); //输出string 

注：null返回为object

类型转换

• 转为数字

parseInt()

parseInt("123"); //123  
parseInt("123.4"); //123  
parseInt("123abc123"); //123  
parseInt("abc123"); // NaN  

parseInt("11",16);   
//将11视为16进制，转换为十进制后输出17  

注：第二个参数为可选，表示要解析的数字的基数，取值范围2~36

parseFloat()

parseFloat("123"); //123  
parseFloat("123.4"); //123.4 

Number()

Number("123"); //123  
Number("123.4"); //123.4  
Number("123a"); // NaN  

Number(true); //1  
Number(false); //0  
Number(null); //0  
Number(""); //0 

注：Number可以转换布尔值和null

• 转为字符串

String()

var a = 1;  
var b = String(a);  
console.log(b); //输出字符串"1" 

toString()

var a = 1;  
var b = a.toString();  
console.log(b); //输出字符串"1" 

区别

var a;  
var b = String(a);  
console.log(b); //输出字符串"undefined"  
var c = a.toString() //报错  

• 转为布尔值

Boolean()

Boolean();   
Boolean(0);  
Boolean(null);  
Boolean(""); 
Boolean(undefined);  
Boolean(false);  
Boolean(NaN);  

除了上边7个值返回false外，其他均返回true

运算符及判断语句

运算符号

注：
使用“==”时，只比较值是否相等
“===”比较值与类型均是否相等
当相加的两个值为数字、布尔值、null时，会把布尔值和null转换为数字再相加

if语句

if (条件表达式) {  
    //js语句1  
} else {  
    //js语句2  
}  

当js语句只有一条时，可以省略花括号

if (条件表达式)   
    //js语句1
else   
    //js语句2   

三元表达式

(条件表达式) ? (js语句1) : (js语句2)

当条件表达式为真，执行js语句1；当条件表达式为假，执行js语句2。

if语句嵌套

if (条件表达式) {  
    //js语句1  
} else {  
	   if (条件表达式) {  
	   //js语句2 
	   } else {  
 	 	  if (条件表达式) {  
 	 	  //js语句3  
 	 	  } else {  
 		   //js语句4  
}    
}  
}  

switch语句

switch(表达式){  
    case 值1:  
    //JS语句1  
    break;  
    case 值2:  
    //JS语句2  
    break;  
    default:  
    //JS语句3  
    break;  
}