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. 微信jssdk遇到的一些问题汇总

    1.用户手动去触发的接口可以直接调用比如wx.startRecord(); 但是写在页面加载完成里就无效,需要写在 wx.ready(function(){ wx.startRecord(); }); ...

  2. php环境兼容性问题---压缩格式及其配置简介

    php环境兼容性问题-- 内容编码错误 无法显示您尝试查看的页面,因为它使用了无效或者不支持的压缩格式. 请联系网站的所有者以告知此问题. 以前也遇到过同样的问题,记得是PHP代码ob_start(' ...

  3. Docker数据管理(一)

    数据卷挂载 在生产环境中,需要对数据进行持久化,冗余化,或者在需要在多个容器之间进行数据共享 数据卷:容器内数据直接映射到本地主机环境 数据卷容器:使同特定容器维护数据卷 -v 进行映射 1.在容器内 ...

  4. http的长连接与端连接

    长连接的定义:  HTTP1.1规定了默认保持长连接(HTTP persistent connection ,也有翻译为持久连接),数据传输完成了保持TCP连接不断开(不发RST包.不四次握手),等待 ...

  5. 日志分析工具ELK(一)

    一.ELK介绍 1.1 elasticsearch 1.1.1 elasticsearch介绍 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎 ...

  6. 我做了一个 HTML 可视化编辑工具,有前途吗?

    疫情在家的这段时间,我做了一个 HTML 可视化编辑工具,做的时候信心满满,差不多完成了,现在反而不如以前信心足了,这玩意有用吗?代码地址: https://github.com/vularsoft/ ...

  7. 利用python画出SJF调度图

    最先发布在csdn.本人原创. https://blog.csdn.net/weixin_43906799/article/details/105510046 SJF算法: 最短作业优先(SJF)调度 ...

  8. 修改mysql配置中my.conf中max_allowed_packet变量

    mysql根据配置文件会限制server接受的数据包大小. 有时候大的插入和更新会受max_allowed_packet 参数限制,导致写入或者更新失败. 查看目前配置 show VARIABLES ...

  9. spark下dataframe转为rdd格式

    dataframe可以实现很多操作,但是存储到本地的时候,只能存 parquest格式 需要存储源格式,需要转换为rdd类型 将dataframe中的每一行都map成有逗号相连的string,就变为了 ...

  10. mac OS 安装配置 Tomcat

    Apache Tomcat官网 http://tomcat.apache.org/ 选择一个版本 本文以tomcat 9为例 选择Mac OS 对应的压缩包下载 把文件解压然后  在主用户里新建一个目 ...