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("请选择") 确认框

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

  1. js基础 三种弹出框 数据类型

    总结:js三个组成部分ES:语法DOM:对象模型 => 通过js代码与页面文档(出现在body中的所有可视化标签)进行交互BOM:对象模型 => 通过js代码与浏览器自带功能进行交互 引入 ...

  2. js中三种弹出框

    javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码 ...

  3. js三种弹出框的用法

    https://blog.csdn.net/cui_angel/article/details/7784211 js中prompt()的用法

  4. JS常用的3种弹出框

    1.提示框 alert // 没有返回值 alert('你好'); 2.确认框 confirm // 返回 false/true let res = confirm('确定删除?'); if(res ...

  5. JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?

    一种: <a href="javascript:if(confirm('确实要删除该内容吗?')){location='http://www.google.com'}"> ...

  6. js弹出框、对话框、提示框、弹窗总结

    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...

  7. 【转】js弹出框、对话框、提示框、弹窗总结

    js弹出框.对话框.提示框.弹窗总结 一.js的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...

  8. js js弹出框、对话框、提示框、弹窗总结

    js弹出框.对话框.提示框.弹窗总结 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...

  9. 转载 js弹出框、对话框、提示框、弹窗总结

    转载:https://blog.csdn.net/huileiforever/article/details/9464659 一.JS的三种最常见的对话框   //================== ...

随机推荐

  1. Redis其他常用操作

    详细Redis操作手册: http://doc.redisfans.com/ ============================================================= ...

  2. nginx报错:failed (13: Permission denied)

    vim nginx.conf 修改user nginx为当前系统用户,如:user root

  3. css实现单行(多行)文本溢出显示 ...

    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 当然还需要加宽度width属来兼容部分浏览. 以上为单行文本溢出===== ...

  4. 浏览器各个版本和系统(chrome/safari/edge/qq/360)

    浏览器对象: let userAgent = navigator.userAgent.toLowerCase()console.log(userAgent) Edge: mozilla/5.0 (wi ...

  5. Linux内存管理 (25)内存sysfs节点解读

    1. General 1.1 /proc/meminfo /proc/meminfo是了解Linux系统内存使用状况主要接口,也是free等命令的数据来源. 下面是cat /proc/meminfo的 ...

  6. jdk的安装及环境变量的配置

    一.JDK的下载 1.首先打开JDK的官网(点击打开链接),找到JAVA SE 7u71/72中的JDK,选择Download 2.然后如下图,选择Accept License Agreement,则 ...

  7. Java的get、post请求

    URLConnection package com.shuzf.http; import java.io.BufferedReader; import java.io.IOException; imp ...

  8. Day3 Numerical simulation of optical wave propagation之标量衍射理论基本原理(三)

    3.标量衍射理论 光源通常不是简单地平面.球面或高斯光束波.对于更一般的情况,必须使用更老练的方法来求解标量赫姆霍兹方程,需要利用格林定理并灵活使用边界条件. 基本问题:给定源平面光场U(x1,y1) ...

  9. es6可变参数-扩展运算符

    es5中参数不确定个数的情况下: //求参数和 function f(){ var a = Array.prototype.slice.call(arguments); var sum = 0; a. ...

  10. DEVOPS 运维开发系列

    DEVOPS 运维开发系列四:ITIL事态管理流程.事态监控系统设计以及基于Devops的效率提升实践 - watermelonbig的专栏 - CSDN博客https://blog.csdn.net ...