1.运算符

(1)赋值运算符

=  +=  -=  *=  /=  %=

(2)三目运算符

一目  一个运算符连接一个数据   --  ++  !

二目  一个运算符连接两个数据   + - * / ...

三目  两个运算符连接三个数据

条件表达式 ? 表达式1  :  表达式2

如果条件表达式为true,执行表达式1

如果条件表达式为false,执行表达式2

练习:声明两个变量保存用户名和密码,如果用户名为root,并且密码为123456,打印登陆成功,否则打印登陆失败

2.浏览器端函数

alert()  弹出警示(消息)框

prompt()  弹出提示(输入)框,需要使用变量来保存输入的值,类型默认是字符串类型,如果输入框中内容为空,返回空字符(''),如果点击取消返回 null

练习:两次弹出提示框,输入数字,计算两个数字相加,打印结果。

程序=数据+算法

程序分为顺序执行、选择执行、循环执行

3.流程控制——选择执行

(1)if语句

满30减15

if(条件表达式){

语句1;

}

语句2;

if后的大括号中如果只有一行语句,则可以省略大括号

(2)if-else语句

if(条件表达式){

语句1;

}else{

语句2;

}

在条件表达式中,有一些值默认代表false

0  NaN  ''  undefined   null

练习:弹出两次提示框,分别输入商品的单价和数量,获取总价,如果总价满1000打九折;假如卡内余额800,如果余额大于等于商品总额,警示框弹出'pay success',否则警示框弹出'pay error'

(3)if-else嵌套

if(条件表达式1){

语句1

}else ... if(条件表达式n){

语句n;

}else{

语句n+1; //以上所有的条件表达式都为false

}

(4)switch-case

是一种特殊的多项分支语句

switch(表达式){ //通常是一个变量

case 值1:  //如果表达式的值为 值1

语句1;

break;

...

default:

语句n+1; //如果表达式的值和case中的每个值比较都是false

}

表达式在和case后的值比较的时候,使用的是全等于,要求值和类型都相同

对比if-else嵌套和switch-case的区别

相同点:两者都可以用于多项分支语句

不同点:if-else可以判断相等或者不等的情况,使用范围更广泛;switch-case只能用于全等于的比较,结构上更为清晰合理,执行效率更高。

3.循环

循环:就是一遍又一遍执行相同或者相似的代码

循环的两个要素

循环的条件:循环的次数

循环体:重复执行的相同或者相似代码

Js运算符和逻辑结构的更多相关文章

  1. js 的概念和声明-js 的变量-js 的运算符和逻辑结构-js 的数组

    js 的概念和声明Js的概念和声明:问题:在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和提供一些特效造成用户体验极差解决:使用JavaScript作用:可以让网页和用户之间进行直接简单的 ...

  2. JS运算符

    JS运算符: 使用的运算符的时候不需要声明变量,运算符非变量:1.算术运算符 + - * / % (%为取余数运算符) (自增运算符++) (自减运算符 --) + 运算符作用:1.数值相加 2.字符 ...

  3. js 运算符优先级

    在看jquery源码,仔细看入口函数的时候,有点懵了.看到与或.多重三目,傻傻的分不清,就代码仔细的区分下运算符优先级,以前都是呼呼的飘过.看来任何一个细节都不能忽略,不然效率极低.. !functi ...

  4. js运算符单竖杠“|”的用法和作用及js数据处理

    js运算符单竖杠“|”的作用 很多朋友都对双竖杠“||”,了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js ...

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

    js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...

  6. js运算符的一些特殊应用

    作者: 小文 来源: http://www.cnblogs.com/daysme/ 时间: 2017/3/2 17:21:03 本文集合了了js运算符的一些特殊应用. js位运行符的运用. js运算符 ...

  7. js课程 2-6 js如何进行类型转换及js运算符有哪些

    js课程 2-6 js如何进行类型转换及js运算符有哪些 一.总结 一句话总结: 1.所有类型->布尔类型(为假的情况)有哪些(6种)? 1)字符串('')2)整型(0)3)浮点型(0.0)4) ...

  8. js 运算符的执行顺序

    js 运算符的执行顺序 js 运算符优先级 Operator Precedence 下表从最高(21)到最低(1)优先顺序排列 left-to-right 从左到右 / 先左后右 right-to-l ...

  9. 《JavaScript高级程序设计》学习笔记(2)--JS运算符详解

    欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 思维导图 前面对JS的运算符的操作很多细节的东西没有提及,今天给大家分享一张网上找的思维导图,对这一部 ...

随机推荐

  1. 获取磁盘的 总容量,空余容量,已用容量 【windows】

    使用windows api 输入:盘符字符串 输出:磁盘容量 float get_disk_spaces(const char drive_letter, float & total_spac ...

  2. Manjaro Linux 入门使用教程

    Manjaro 初体验 Manjaro 是一款基于 Arch LInux 的自由开源发行版,它吸收了 Arch Linux 优秀丰富的软件管理,同时提供了稳定流畅的操作体验.优雅简单是它的追求,稳定实 ...

  3. JDK11的重要新特性

    文章目录 JDK11发布啦 Oracle不再提供JRE和Server JRE下载 删除部署工具 JavaFX不再包含在JDK中 删除Java EE和CORBA模块 JDK11发布啦 JDK11 在20 ...

  4. 8.Python中装饰器是什么?

    Python中装饰器是什么? A Python decorator is a specific change that we make in Python syntax to alter functi ...

  5. 删除集群mds

    2019独角兽企业重金招聘Python工程师标准>>> 删除cephfs文件系统步骤: 1.停掉服务端mds: #systemctl stop {mds_service} 2.将md ...

  6. bootstrap-内联文本元素-小号文本

    说明 使用 <small> 标签包裹,其内的文本将被设置为父容器字体大小的 85% 示例 <!DOCTYPE html> <html lang="zh-CN&q ...

  7. Codeforces Round #509 (Div. 2) A. Heist 贪心

    There was an electronic store heist last night. All keyboards which were in the store yesterday were ...

  8. VScode像Codeblocks一样,不启动调试和Debug直接运行

    要是配置C++ 编译环境,这边走 用了VScode童鞋,都知道,写C++是不保留窗口的,除非打上断点或者: system("pause"); 这里给大家分享一种不需要,F5或者Ct ...

  9. Jenkins+Ansible+Gitlab自动发布/回滚Spring项目

    一.实现方法流程图 流程图如下:代码托管在本地GitLab上(为了复现整套流水线,我直接使用了GitHub,懒得再搭建GitLab),开发完成后提交代码到代码仓库,[自动]触发Jenkins进行持续集 ...

  10. Java——多线程超详细总结

    该系列博文会告诉你如何从入门到进阶,一步步地学习Java基础知识,并上手进行实战,接着了解每个Java知识点背后的实现原理,更完整地了解整个Java技术体系,形成自己的知识框架. 一.线程概述 几乎所 ...