js值类型转换(boolean/String/number),js运算符,if条件,循环结构,函数,三种弹出框

js值类型转换

number | string | boolean

boolean类型转换

num = 0;
var b1 = Boolean(num);
console.log(b1)

转化为数字类型  Number

Number(false)
Number(true)
s3 = "123abc"
parseInt(s3) 转化为整形

s4 = "3.14.15"
parseInt(s4) 转化为浮点型,打印结果 3.14

简写: +s4 +s3 +true

Nan 当一个其他类型转化为数字类型的产物
isNaN( Nan ) 判断一个结果是不是Nan

转化为字符串类型  String

String(n1)
n1.toString();
ss3 = "" + nn1  字符串拼接,加法优先做字符串拼接

js运算符

算术运算符

+    -   *  /   %    ++     --
加   减  乘 除  取余   自增   自减 

js中不区分整形和浮点型

var res = 5 / 2;  // 2.5

自增 ++     自减 --

任何正整数对n取余 结果为 [ 0,n-1 ]

num++ => num = num + 1   加号在前,先赋值,在自增
++num => num = num + 1   加号在后,先自增,在赋值

赋值运算符    

+= -= *= /= %=
m += 10   =>  x = x + 10

比较运算符

>  <  >=  <=  ==  ===  !=  !==
==     值比较
===    全等,值与类型都必须相等
x = "123"
y = 123

console.log(y == z); // 只做值比较 => true
console.log(y === z); // 全等:值与类型都必须相等 => false

逻辑运算符

与 &&     或 ||     非 !
与 &&      全为真则真,否则为假
box_ctx =="123" && (box.style.color = "red");
或 || 全为假则假,否则为真
非 ! 非真即假,非假即真

逻辑与的短路效果, 条件1为假, 条件2就不会被执行
box_ctx =="123" && (box.style.color = "red");

逻辑或的短路效果, 条件1为真, 条件2就不会被执行

三目运算符

res = 判断条件 ? 结果1 : 结果2    //条件满足执行结果1,不满足执行结果2
res = xx == yy ?console.log(1) : console.log(2)

if条件

分支结构
if () {

    if () {}   //if嵌套

} else if () {  //if分支
}
……
else {
}

循环结构

for循环

for ( 循环变量; 条件表达式 ; 循环变量增量 ) {}
for ( var i=0; i < 5; i++ ) {}

while循环

while ( i < 5 ) { }

do while循环

do {
} while ( i<5 )

函数

函数的定义
function 函数名(形参列表){
    函数体
}
函数的调用
var res = 函数名(实参列表)

函数的参数

// i.个数不需要统一
// ii.可以任意位置具有默认值
// iii.通过...语法接收多个值

函数的返回值

// i.可以空return操作,用来结束函数
// ii.返回值可以为任意js类型数据
// iii.函数最多只能拥有一个返回值

匿名函数:

没有名字的函数,只能在定义的时候自调用一次
function() {}   匿名函数
(function() {})()   匿名函数自调用

三种弹出框

alert(123)  普通弹出框
prompt("请输入")  输入框
confirm("请选择")  确认框

猜你喜欢

转载自www.cnblogs.com/liu--huan/p/10309747.html
今日推荐