JavaScript基础-03
1. 条件判断语句
若条件成立才会执行,条件不成立则语句不执行;
if语句
语法一:
if(条件表达式)
{语句} :true就执行,false不执行;
语法二:
if(条件表达式)
{语句}
else {语句}
语法三:
if(条件表达式)
{语句}
else if (条件表达式) {语句}
else if (条件表达式) {语句}
else{语句}
2. 条件分支语句:switch语句
语法:
switch(条件表达式1){
case 表达式2:
语句......
break;
case 表达式:
语句......
break;
default:
语句......
break;}
执行流程:在执行时会一次将case后的表达式2的值和switch后的条件表达式1的值进行全等比较,如果比较结果为true,则执行语句;若比较结果为false,则接着下去执行。若所有比较结果是false,则只执行default后的语句。
3. 循环语句
通过循环语句可以反复的执行一段代码多次
while循环:
语法:while(条件表示式){
语句.....
break;}
执行过程:先对条件表达式进行求值判断,如果值为true,则执行循环体,执行完毕以后,继续对表达式进行判断,如果值为true,则执行循环体,以此类推。若值为false,终止循环。
向这种将条件表达式写死为true的循环,叫做死循环,慎用
var n=1;
while(true){
alert(n++);
if ( n==10){
break;}}
创建一个循环,需要三个步骤:
- 创建初始化一个变量:var a=0;
- 在循环中设置一个条件表达式:while(i<10)
- 定义一个更新表达式,每次更新初始化变量:i++
var n=1;
while(n<11){
document.write(n++ +'<br/>');}
do...while循环:
语法: do{ 语句.... }
While{ 条件表达式 }
var n=1;
do{document.write(n++ +'<br/>');}
while(n<11);
执行流程:do...while语句在执行时,会先执行循环体,循环体执行完毕之后,在对while后的条件表达式进行判断。
4.for循环
在for循环中,提供了专门位置用来放置三个表达式:
- 初始化表达式
- 条件表达式
- 更新表达式
语法:for ( 初始化表达式;条件表达式;更新表达式 ){ 语句 }
执行流程:执行初始化表达式,初始化变量;(只执行一次)
执行条件表达式,判断是否执行循环;若为true,则执行语句,若为false,终止循环。
执行更新表达式,更新表达式执行完毕继续重复2。
注意:for循环中的三个部分都可以省略,也可以写在外部
若在for循环中不写任何的表达式,只写两个;此时循环是一个死循环,慎用
5.嵌套循环
for(var i=0;i<5;i++){
for(var j=0;j<5;j++){
document.write('*');}
document.write('<br/>');}
形成如下图案:
* ***
** **
*** *
图案一:for(var i=0;i<5;i++){
for(var j=0;j<i+1;j++){
document.write('*');}
document.write('<br/>');}
图案二:for(var i=0;i<5;i++){
for(var j=0;j<5-i;j++){
document.write('*');}
document.write('<br/>');}
9x9乘法表:
for(var i=0;i<10;i++){
for(var j=0;j<i+1;j++){
num=i*j;
document.write(i+'*'+j+'='+num+' '+' '+' ');
}document.write('<br/>');
}
6. break , continue
break:关键字可以用于退出switch或循环语句,会立即终止离他最近的循环语句
for(var i=3;i<8;i++){
console.log(i);
break; //不会执行下去
}
注意:不能在if语句中使用break和continue
label:使用break语句时,可以在break后跟着一个label,这样break就会结束指定的循环,而不是最近。
outer:
for(var i=0;i<8;i++){
for(var j=0;j<8;j++)
{console.log('内部'+j);
break outer;}
console.log('外部'+i);}
Continue:关键字可以跳过当次循环
for(var i=0;i<7;i++){
if(i==2){continue;}
console.log(i);}
7. 测试程序性能
在程序执行前,开启计时器,console.time( ‘计时器的名字’)可以用来开启一个计时器。
停止计时器:console.timeEnd( ‘计时器的名字’)
8. 通过Math.sqrt( ):对一个数进行开方
求质数的最完美方法:
console.time('test');
for(var i=2;i<=10000;i++){
var flag=true;
for(var j=2;j<Math.sqrt(i);j++){
if(i%j==0){
flag=false;
break;}
}
if(flag){
console.log(i);}
}
console.timeEnd('test');
JavaScript基础-03的更多相关文章
- javascript基础03
javascript基础03 1. 算术运算符 后增量/后减量运算符 ++ ,-- 比较运算符 ( >, <, >=, <=, ==, !=,===,!== ) 逻辑运算符( ...
- javaScript基础-03 javascript语句
一. 声明语句 var和function都是声明语句.声明或定义变量或函数. var 声明一个或者多个变量.语法如下: var a ; var b = 1; var c, d; var e = 3; ...
- JavaScript基础03——函数的作用域及变量提升
1.作用域 作用域,变量在函数内部作用的范围/区域.有函数的地方就有作用域. 2.局部作用域和全局作用域 function fn(){ var a = 1; } console.log(a); / ...
- JavaScript基础第03天笔记
JavaScript基础第03天笔记 1 - 循环 1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化变量 通常被用于初始化一个计数 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 第三篇:web之前端之JavaScript基础
前端之JavaScript基础 前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- JavaScript基础视频教程总结(071-080章)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- JavaScript基础入门06
目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 ...
随机推荐
- Python Ethical Hacking - VULNERABILITY SCANNER(5)
EXPLOITATION - XSS VULNS XSS - CROSS SITE SCRIPTING VULNS Allow an attacker to inject javascript cod ...
- mybatis自动生成代码插件mybatis-generator使用流程(亲测可用)
mybatis-generator是一款在使用mybatis框架时,自动生成model,dao和mapper的工具,很大程度上减少了业务开发人员的手动编码时间 坐着在idea上用maven构建spri ...
- 终于搞懂Spring中Scope为Request和Session的Bean了
之前只是很模糊的知道其意思,在request scope中,每个request创建一个新的bean,在session scope中,同一session中的bean都是一样的 但是不知道怎么用代码去验证 ...
- Springboot启动扩展点超详细总结,再也不怕面试官问了
1.背景 Spring的核心思想就是容器,当容器refresh的时候,外部看上去风平浪静,其实内部则是一片惊涛骇浪,汪洋一片.Springboot更是封装了Spring,遵循约定大于配置,加上自动装配 ...
- 解决win10安装flask-mysqldb报错 Python2.7
win10上安装的pycharm,在pycharm创建的py2.7虚拟环境中安装flask-sqlalchemy 执行pip install flask-mysqldb报错 error: Micros ...
- 商品表(spu)、规格表(sku)设计
1. 先做一下专业术语解释:spu和sku 这里拿iphone6s举例,它身上有很多的属性和值, 比如: 毛重: 420.00 g 产地: 中国大陆 容量: 16G, 64G, 128G 颜色: 银, ...
- 性能测试必备知识(5)- 深入理解“CPU 上下文切换”
做性能测试的必备知识系列,可以看下面链接的文章哦 https://www.cnblogs.com/poloyy/category/1806772.html 前言 上一篇文章中,举例了大量进程等待 CP ...
- jenkins集群(二)(master --> slave) -- allure自动化测试报告部署
一.前提 1.环境 1)已经部署好了jenkins环境,包括jenkins的“全局工具配置”也配好了. 2.master与slave的简单的概念 1)master:jenkins部署所在的机器 2)s ...
- 解决react使用antd table组件固定表头后,表头和表体列不对齐以及配置fixed固定左右侧后行高度不对齐
一.固定表头后表体列和表头不对齐 此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决. 按照官网说的: 1 ...
- 手写IOC容器
IOC(控制翻转)是程序设计的一种思想,其本质就是上端对象不能直接依赖于下端对象,要是依赖的话就要通过抽象来依赖.这是什么意思呢?意思就是上端对象如BLL层中,需要调用下端对象的DAL层时不能直接调用 ...