Js运算符和逻辑结构
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运算符和逻辑结构的更多相关文章
- js 的概念和声明-js 的变量-js 的运算符和逻辑结构-js 的数组
js 的概念和声明Js的概念和声明:问题:在网页的发展历程中,发现网页不能对用户的数据进行自动校验,和提供一些特效造成用户体验极差解决:使用JavaScript作用:可以让网页和用户之间进行直接简单的 ...
- JS运算符
JS运算符: 使用的运算符的时候不需要声明变量,运算符非变量:1.算术运算符 + - * / % (%为取余数运算符) (自增运算符++) (自减运算符 --) + 运算符作用:1.数值相加 2.字符 ...
- js 运算符优先级
在看jquery源码,仔细看入口函数的时候,有点懵了.看到与或.多重三目,傻傻的分不清,就代码仔细的区分下运算符优先级,以前都是呼呼的飘过.看来任何一个细节都不能忽略,不然效率极低.. !functi ...
- js运算符单竖杠“|”的用法和作用及js数据处理
js运算符单竖杠“|”的作用 很多朋友都对双竖杠“||”,了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js ...
- js值类型转换(boolean/String/number),js运算符,if条件,循环结构,函数,三种弹出框
js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...
- js运算符的一些特殊应用
作者: 小文 来源: http://www.cnblogs.com/daysme/ 时间: 2017/3/2 17:21:03 本文集合了了js运算符的一些特殊应用. js位运行符的运用. js运算符 ...
- js课程 2-6 js如何进行类型转换及js运算符有哪些
js课程 2-6 js如何进行类型转换及js运算符有哪些 一.总结 一句话总结: 1.所有类型->布尔类型(为假的情况)有哪些(6种)? 1)字符串('')2)整型(0)3)浮点型(0.0)4) ...
- js 运算符的执行顺序
js 运算符的执行顺序 js 运算符优先级 Operator Precedence 下表从最高(21)到最低(1)优先顺序排列 left-to-right 从左到右 / 先左后右 right-to-l ...
- 《JavaScript高级程序设计》学习笔记(2)--JS运算符详解
欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 思维导图 前面对JS的运算符的操作很多细节的东西没有提及,今天给大家分享一张网上找的思维导图,对这一部 ...
随机推荐
- QIntValidator没有最小值的限制,继承然后写个新类来控制最小值
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/firecityplans/article ...
- DFS(单词方阵)
思路: 先把地图二维字符数组存进去之后,遍历寻找到一个‘y’,然后我们可以设置一个八个方向的方向数组,让‘y’的坐标,遍历加上方向坐标,找到’i‘然后沿着这个方向,dfs下去,每次寻找到正确的,然后建 ...
- MATLAB学习1 之画图函数
ezplot适用条件 "ezplot"命令可以用于显函数.隐函数和参数方程作图. 不同函数的使用格式 显函数y=f(x),ezplot函数的调用格式为ezplot(f, [xmin ...
- P2480 [SDOI2010]古代猪文
P2480 [SDOI2010]古代猪文 比较综合的一题 前置:Lucas 定理,crt 求的是: \[g^x\bmod 999911659,\text{其中}x=\sum_{d\mid n}\tbi ...
- 实现MapReduce
简介 当我们要统计数亿文本的词频,单个机器性能一般,况且是数亿级数据,处理是十分缓慢的,对于这样的任务,希望的是多台电脑共同处理,大幅度减少任务时间.联合多台电脑一起工作的系统就是分布式系统. 最近在 ...
- 两个命令把 Vim 打造成 Python IDE
运行下面两个命令,即可把 Vim(含插件)配置成 Python IDE.目前支持 MAC 和 Ubuntu. Shell curl -O https://raw.githubusercontent ...
- Python词云生成
一.目的 1. 熟悉jieba库和wordcloud库的使用方法: 2. 熟悉文本词频统计和词云生成的基本方法. 二.内容 1. 从网上自行下载一个长篇英文小说,统计并输出该小说中词频最大的TOP 2 ...
- Educational Codeforces Round 77 (Rated for Div. 2) C. Infinite Fence
C. Infinite Fence 题目大意:给板子涂色,首先板子是顺序的,然后可以涂两种颜色,如果是r的倍数涂成红色,是b的倍数涂成蓝色, 连续的k个相同的颜色则不能完成任务,能完成任务则输出OBE ...
- CSS的基本语法及页面引用
CSS的基本语法及页面引用 CSS基本语法 CSS的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个 ...
- (三)Redis &分布式锁
1 Redis使用中的常见问题和解决办法 1.1 缓存穿透 定义:缓存系统都是按照key去缓存查询,如果不存在对应的value,就应该去DB查找.一些恶意的请求会故意查询不存在的key,请求量很大,就 ...