JavaScript——if判断与循环

本文介绍了编程中的基本逻辑控制结构如if-else、嵌套分支和switch…case,强调数据类型转换的重要性,并推荐了前端开发的学习路径,包括HTML5、CSS、JavaScript的基础学习和进阶书籍的选择。作者分享了一份详细的全套学习资料,旨在帮助前端工程师高效自学和成长。
摘要由CSDN通过智能技术生成

作用: 如果表达式为真,执行代码段1,否则执行代码段2

语法:

if(表达式){

代码段1

}else{

代码段2

}

级联式:

语法:

if(表达式1){

代码段1

}else if(表达式2){

代码段2

}else if(表达式3){

代码段3

}else{

代码段4

}

输入框:

prompt(用户提示信息);

作用: 点击输入框中的确定, 会返回,用户在输入框中,输入的数据点击取消,则会返回Null

备注:

1)但凡出现返回值, 如果后续功能需要使用。 一定需要存储它。

2)prompt() 输入框, 返回的数据,默认是字符串类型。即使不是,也会自动转换

语法示例:

var num = prompt(“请输入你的性别”);

备注: 带引号是字符串,直接使用。 不带引号是变量,会去找对应的内存空间

嵌套分支:

if(){

if(){

if(){

console.log(“内容”);

}

}

}

if(){

if(){

if(){

console.log(1);

}

if(){

console.log(2);

}

}

}

switch…case:

作用: 提供了多个分支,功能类似if-else级联式,但是代码的可读性更好

语法:

switch(表达式){

case 值1:

代码段1

break;

case 值2:

代码段2

break;

case 值3:

代码段3

break;

default:

代码段4;

break;

}

备注:

1)switch 后面是整型 或字符型的表达式

2)case 后面是整型或者字符型的常量

3) break: case和default 默认都跟随一个,用于结束当前语句

4)default: 类似于 if-else 中的else . 如果case的值,都无法和表达式匹配,那么执行default后的代码

数据类型转换:

1)隐式转换 (自动转换)

变量里,存储的数据是什么类型, 这个变量就是什么类型

2)显示转换 (手动转换)

parseInt() : 将小括号中的内容, 转换为Number类型, 并返回

String() : 将括号中的内容,转换为字符串。 并返回

循环语句

==============================================================

while循环:

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里获取

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

资料领取方式:戳这里获取

html5

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值