首页 > 其他分享> 文章详细

JS学习笔记--第二期(变量，数据类型，运算符与判断语句)

2021-03-10 18:57:06 阅读：103 来源： 互联网

标签：语句 console log -- 数据类型 Number alert 运算符 var

文章目录

变量以及数据类型
运算符及判断语句
- 运算符号
判断语句

变量以及数据类型

变量

JS为弱类型语言，常用变量类型（字符串、数字、布尔型、对象等）都声明var。
变量命名规则
- 1. 第一位必须是字母。
  2. 可以包含字母、数字、下划线、美元符号$。
  3. 变量名不能是关键字或保留字。
  4. 通常情况下，统一使用小驼峰命名法(camelCase)。

赋值方法

先声明再赋值

var a;
a = 1;

同时声明并赋值

vaar 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(trpeof(a));//输出string

null返回为object

var a = null;
console.log(typeof(a));//object

转换为数字

parseInt()

parseInt("123"); //123  
parseInt("123.4"); //123  
parseInt("123abc123"); //123  
parseInt("abc123"); // NaN 
//第二个参数为可选，表示要解析的数字的基数，取值范围2~36
parseInt("11",16);   
//将11视为16进制，转换为十进制后输出17

parseFloat

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

Number()

Number("123"); //123  
Number("123.4"); //123.4  
Number("123a"); // NaN  
//Number可以转换布尔值和null
Number(true); //1  
Number(false); //0  
Number(null); //0  
Number(""); //0

转换为字符串

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

运算符及判断语句

运算符号

+	加法	+=	x+=y;x=x+y	==	等于
-	减法	-=	x-=y;x=x-y	===	值及类型均相等
*	乘法	*=	x=y;x=xy	!=	不等于
/	除法	/=	x/=y;x=x/y	!==	值与类型均不等
%	余数	%=	x%=y;x=x%y	>	大于
++	自增	&&	与	>=	小于
–	自减	\|\|	或	<	大于等于
=	赋值	!	非	<=	小于等于

使用==时，只比较值是否相等

var a = 1, b = "1";  
a==b; //true  
a===b; //false

使用+或+=时，当其中一个值为字符串时，会把另一个值转换为字符串再进行拼接

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

当相加的两个值为数字、布尔值、null时，会把布尔值和null转换为数字再相加

var a = null, b = true;  
console.log(a + b); //输出数字1

判断语句

IF语句

if (条件表达式) {  
    //js语句1  
} else {  
    //js语句2  
}  
//实例
var age = 20;  
if (age > 18) {  
    console.log("已成年");  
} else {  
    console.log("未成年");  
}

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

if (条件表达式)   
    //js语句1
else   
    //js语句2 
//实例
var age = 20;  
if (age > 18)  
    console.log("已成年");  
else  
    console.log("未成年");

三元表达式

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

var age = 20;  
age > 18 ? console.log("已成年") : console.log("未成年");

IF语句嵌套

var num = Number(prompt("输入一个数字"));  
if(isNaN(num)){  
    alert("输入错误")  
}else{  
    if(num>20){  
        alert("大于20")  
    }  
    else{  
        alert("小于20")  
    }  
}

三元表达式(嵌套)

isNaN(num)?alert("输入错误"):(num>20?alert("大于20"):alert("小于20"))

SWTCH语句

switch(表达式){  
    case 值1:  
    //JS语句1  
    break;  
    case 值2:  
    //JS语句2  
    break;  
    default:  
    //JS语句3  
    break;  
} 
//实例
var grade = parseInt(num / 10)  
switch (grade) {  
    case 10:  
    case 9:  
        alert("优秀");  
        break;  
    case 8:  
        alert("良好");  
        break;  
    case 7:  
        alert("中等");  
        break;  
    case 6:  
        alert("及格");  
        break;  
    default:  
        alert("不及格");  
        break;  
}

标签：语句,console,log,--,数据类型,Number,alert,运算符,var
来源： https://blog.csdn.net/ph_tallinn/article/details/114638186

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9