JavaScript基础篇分享之二

一、运算符的优先级

有括号的先算括号里面的  再乘除 后加减

如果我们需要提升运算符的优先级  一句话:加括号

二、流程控制

顺序结构、分支结构、循环结构!

顺序结构

代码是从上至下一行一行执行并解析!

分支结构

虽然说有多条路可以选择,但是我们在实际中往往只能选择一条路!
if语句、switch语句

if语句

单分支、双分支、多分支

单分支:

格式:

if(条件表达式){

//语句块

}

说明:如果当条件表达式成立的时候  得到布尔true  就执行语句块

注意:如果单分支小括号后面这一对大括号可以省略不写 但是建议不要省略!

双分支:

格式:

if(条件表达式){

//语句块1

}else{

//语句块2

}

说明:如果当条件表达式成立的时候  得到布尔true  就执行语句块1  但是如果条件表达式不成立  得到布尔false  就会执行语句块2

多分支:

格式:

if(条件表达式1){

//语句块1

}else if(条件表达式2){

//语句块2

} else if(条件表达式3){

//语句块3

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

//语句块n

}[else{

//语句块

}]

 

说明:

l 第一步:先去判断条件表达式1是否成立  如果成立得到布尔true   就会执行语句块1  如果不成立  得到false  就会判断条件表达式2是否

l 第二步:它是建议第一步不成立的基础上    判断条件表达式2是否成立  如果成立得到布尔true   就会执行语句块2  如果不成立  得到false  就会判断条件表达式3是否成立

l 第三步:它是建议第二步不成立的基础上  先判断条件表达式3是否成立  如果成立就 就会执行语句块3  如果不成立 就会再去判断下一条条件表达式

l 如果上面的条件表达式都不成立  并且我们写了else这个语句  那么就会执行else里面的语句块

l else语句可以省略不写  可写可不写 根据实际情况来定

switch语句

格式:

switch(变量名){

case值1 :

执行语句块1

break;

case 值2 :

执行语句块2

break;

case 值3:

执行语句块3

break;

case 值n:

执行语句块n

break;

default:

默认的语句块

break;

}

说明:

拿变量名的值与case中的每一个值比较全等于比较  如果比较成立 就会执行对应的语句块   但是它会去查找这个对应的语句块的后面是否写了break这个关键字  如果没有写它会继续往下去找break关键字 并且同时会将下面的语句块输出  直达找到break为止!

实例:动态的输出今天星期几

第一步:我们要获取到系统时间日期

创建了一个时间日期对象

对象是由属性与方法组成!

第二步:要从时间 日期对象里面获取到一周中的某一天

循环语句

什么叫循环?

当满足一定的条件下,重复去做件事情!

for循环、while循环、do…while循环

for循环

格式:

for(变量初始化;条件表达式;变量更新){

//循环体

}

结构说明:

第一步:变量初始化  声明一个变量然后给其赋值   它只执行一次

第二步:判断条件表达式是否成立   如果条件表达式成立 就执行第三步 如果条件表达式不成立就退出循环

第三步:建立第二步成立的基础上  执行循环体

第四步:变量进行更新   立马又来执行第二步 判断条件表达式是否成立!

1---à2---à3--à4---à2--à3--à4

例1:使用for循环来输出10个hello!

例2:输出1-100!

例3:输出100-1

例4:请求出1-100之间的和!

例5:求1-100之间奇数的和

大家从小到大,都玩儿过的一个庸俗的游戏:

游戏玩儿法就是,大家轮流报数,如果报到能被7整除的数字,或者尾数是7的数字,都算踩地雷了。就应该罚唱歌。

请在控制台输出1~60之间的所有“安全数”。

比如:

1、2、3、4、5、6、8、9、10、11、12、13、15、16、18、19、20、22、23、24、25、26、29、30……

例7、输出一个10行的表格  这个表格要实现隔行变色的效果!

例8:输出一个1行9列的表格!

例9:输出一个9行1列的表格!

例10:输出一个9行9列的表格

例11:输出一个99乘法表!

while循环

格式:

变量初始化

while(条件表达式){

//循环体

变量更新

}

结构说明:

当条件表达式成立时 就执行循环体 !

dowhile循环

这个循环是while循环的变种!

格式:

变量初始化

do{

循环体;

变量更新

}while(条件表达式);

结构说明:

先执行一次循环体,再来判断条件表达式是否成立!不管条件表达式是否成立 都会执行一次循环体!

求1-100之间能被3整除的数!

for循环与while循环之间的区别:

for循环主要是在已知循环次数的时候使用

while一般用于未知循环次数的使用

while循环与do….while循环之间的区别

while循环先判断条件表达式是否成立

do..while 先执行一个次循环体 不管条件表达式是否成立  它都会执行一次循环体  再来判断条件表达式!

三、循环中断关键字

break、continue

break作用

当遇到break关键字以后 那么就会中断整个循环  循环不会继续往下执行!

continue作用

当遇到continue关键字以后 会中断“本次”循环,继续执行下一次循环!

四、知识点补充

window.prompt(text,defaultText)

l 用户输入对话框

l text:提示的信息   可选

l defaultText:可选   默认显示的数据

l 当用户点击确定按钮的时候会得到一个String类型的数据!

l 如果用户没有填写数据 直接点击了取消按钮  得到null

parseInt(变量名):从一个字符串提取一个整数  当遇到非数值以后就停止提取  如果字符串的第一个字符不是数值 那么直接返回NaN

parseFloat(变量名):从一个字符串提取浮点数  当遇到除了.以外的其它字符就会停止提取如果字符串的第一个字符不是数值 那么直接返回NaN

isNaN(变量名):  先将变量名进行自动的转换Number型 如果转换后是NaN那么就返回true,如果不是NaN就返回false

时间: 2024-12-28 17:35:36

JavaScript基础篇分享之二的相关文章

JavaScript基础篇分享之三

一.数组 什么是数组? 一组数据的有序的集合! 数组中的相关概念 数组元素 数组中的每一个数据我们都称之为数组元素! 数组下标 数组中每一个数据都对应着一个数组下标  下标是从0开始  数组中第一个元素的下标为0  第二个元素的下标为1  第三个元素的下标为2----. 如何访问数组中数组元素 格式: 数组变量名[数组下标] 数组的长度 数组的长度指数组中元素的总个数 每一个数组的变量名它其它是一个数组对象 对象是由属性与方法来组成! 方法: 数组变量名.length 如何修改数组元素的值 就是

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

一步步学习javascript基础篇(3):Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型 我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建 如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.

javascript基础学习(十二)

javascript之BOM 学习要点: 屏幕对象 History对象 Location对象 一.屏幕对象 Screen对象是一个由javascript自动创建的对象,该对象的主要作用是描述客户端的显示器的信息. 目前显示器分辨率为800X600或1024X768两种. screen.height:屏幕的高度 screen.width:屏幕的宽度 screen.availHeigh:屏幕的有效高度 screen.availWidth:屏幕的有效宽度 二.History对象 History对象可以

史上最全、JavaScript基础篇

索宁 Hot summer nights mid July, when you and  I were forever wild. 首页 新随笔 联系 管理 随笔 - 12  文章 - 5  评论 - 19 史上最全.JavaScript基础篇 本章内容: 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句(if.switch) 循环语句(for.for in.while.do-while) label语

javascript基础篇(二)

对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 javascript程序设计 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体. js内置对象 作为一门编程语言,JavaScript提供了一些内置的对象和函数.内置对象提供编程的几种最常用的功能.JavaScript内置对象有以下几种. ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个

HTML基础篇分享

今天继续给大家分享一些我整理好的HTML基础部分的笔记. 首先今天第一部分:跑马灯标记 <marquee></marquee> 常见属性: l direction:滚动的方向  取值 left(默认值  从右向左进行滚动).right.up.down l behavior:滚动的方式  取值:scroll(滚动 默认值)  slide(滑动 只滚动一次)  alternate(弹动  打乒乓球一样 ) l width:设置宽度 l height:设置高度 l bgColor:设置背

JavaScript基础篇(四)— — 函数

一.函数基础 ??1.返回值:如果某个函数没有显式的return返回值,默认它的返回值为undefined ??2.参数:内建变量arguments,能返回函数所接收的所有参数 ???? ??3.预定义(内建)函数 -- isNaN: ????a.检测parseInt / parseFloat调用是否成功. ???? ????b.NaN不存在等值的概念, 也就是说表达式NaN === NaN 返回的是false 二.函数的变量作用域 ??1.变量提升:函数域优先于全局域,所有局部a会覆盖掉所有与