目录
1、检测数据类型(typeof)
2、数据类型转换
转换为字符串类型
换为数字类型
其他类型转换为布尔值
小数点后保留后N位方法
3、window对象的方法 (window.可省略)
4、顺序流程控制
5、分支(结构)流程控制
if单分支:条件成立,执行语句
if-else 双分支(条件成立,执行语句1;否则执行语句2)
多重if结构
isNaN() 与 Number.isNaN()区别:
1、检测数据类型(typeof)
var a="hello";console.log(typeof a);或者var a="hello";console.log typeof (a);
2、数据类型转换
转换为字符串类型
字符串拼接String();toString()
1、通过运算 var a=10;a=a+"";2、通过方法 var a=10;String(a); // 方法一a.toString(); // 方法二
换为数字类型
parseInt()parseFloat(string)Number()js 隐式转换(- * /)
// 1.parseInt()var age =prompt('请输入您的年龄');consolo.log(parseInt(age)); //数字型18consolo.log(parseInt('3.14')); //3取整consolo.log(parseInt('3.94')); //3,不会四舍五入consolo.log(parseInt('120px')); //120,会去掉单位// 2.parseFloat()console.log(parseFloat('3.14')); //3.14consolo.log(parseFloat('120px')); //120,会去掉单位// 3.利用Number(变量)var str ='123';console.log(Number(str));console.log(Number('12')); // 4.利用了算术运算 - * / 隐式转换console.log('12'-0); // 12console.log('123' - '120'); //3console.log('123' * 1); // 123(注意:parseInt是舍弃小数部分,直接取整数部分;parseFloat是直接原样输出)
其他类型转换为布尔值
!! 强制转换布尔类型Boolean()函数
!!var a="abc";console.log(!!a);Boolean()var a="abc";console.log(Boolean(a));
代表空,否定的值会被转换为false,如 ’ ’ , 0, NaN , null , undefined
其余的值都会被被转换为true
console.log(Boolean('')); //falseconsole.log(Boolean(0)); //falseconsole.log(Boolean(NaN)); //falseconsole.log(Boolean(null)); //falseconsole.log(Boolean(undefined)); //falseconsole.log(Boolean('只因')); //trueconsole.log(Boolean(12)); //true
小数点后保留后N位方法
.toFixed函数
var a = +prompt('请输入数字');var a = (a.toFixed(2));//此处保留2位小数alert(a);
3、window对象的方法 (window.可省略)
警示对话框:window.alert()方法用于显示警示对话框(没有返回值)
确认对话框:window.confirm()方法用于显示确认对话框(返回值为布尔值)
提示输入对话框:window.prompt()方法用于显示提示输入对话框(用户输入的内容将是此函数的返回值)
4、顺序流程控制
顺序结构是程序最简单、最基本的流程控制 ,他没有特定的语法结构,程序会按照代码的先后顺序,以此执行,程序中大多数的代码都是这样执行的。
5、分支(结构)流程控制
if单分支:条件成立,执行语句
if(条件) {
//语句;
}
例题:令狐冲javascript成绩大于90分,而且音乐成绩大于80分,师父奖励他;或者javascript成绩等于100分,音乐成绩大于70分,师父也可以奖励他var js = prompt('请输入js成绩'), ms = prompt('请输入音乐成绩');if ((js > 90 && ms > 80) || (js == 100 && ms > 70)) { //内部括号可选择不写alert('恭喜你获得武功秘籍');}
var score = window.prompt("请输入成绩",0);if ( score > 90 ) { alert("师父说:不错,给你《独孤九剑》剑谱");}
if-else 双分支(条件成立,执行语句1;否则执行语句2)
if ( 条件 ) {
//语句1 ;
}else{
//语句2;
}
例题:奥巴马买了一筐鸡蛋,如果坏蛋少于5个,他就吃掉,否则他就去退货var a = prompt('请输入坏蛋个数');if (a < 5) {alert('少于五个也不行,等着被投诉吧');} else {alert('坏蛋这么多,等着被投诉吧');}
例题:要求用户输入两个数a、b,如果a能被b整除或a加b大于1000,则输出a,否则输出bvar a = prompt("请输入第一个数");var b = prompt("请输入第二个数");if (a % b == 0 || +a + +b > 1000) {alert(a);}else {alert(b);}
多重if结构
if( 条件 ) {
//语句 1;
}
else if( 条件n ) {
//语句 n;
}......
else {
//语句 若所有条件都不成立,则执行else语句;
}
例题:令狐冲参加比武大会如果获得第一名,将出任武林盟主 90<level如果获得第二名,将出任武当掌门 80<level<=90如果获得第三名,将出任峨嵋掌门 60<=level<=80否则,将被逐出师门level<60var a = prompt("请输入令狐冲的比武分数");if (a >= 90) {alert("出任武林盟主");}else if (a >= 80) {alert("出任武当掌门");}else if (a >= 60) {alert("出任峨眉掌门");}else {alert("逐出师门");}
isNaN() 与 Number.isNaN()区别:
isNaN是ES5中提供的全局中的方法,用来判断一个值经过数字类型转换之后,转换的值是不是NaN,如果是则返回true,反之返回false。
Number.isNaN是ES6中提供的方法,他在判断的时候,不经过类型的转换直译为是否类型为数字且值为NaN,只有NaN本身可以满足,其他经过类型转换的则不算。
两者最大的区别就是是否经过类型的转换。
const num1 = '1',num2 = 1,num3 = NaN;;console.log(isNaN(num1),isNaN(num2),isNaN(num3)); // false false trueconsole.log(Number.isNaN(num1),Number.isNaN(num2),Number.isNaN(num3)); // false false true
检测数据类型 小数点后保留后N位方法 数据类型转换 window对象的方法 分支结构 (if单分支 if-else 双分支 多重if结构)isNaN() 与 Number.isN的区别