JavaScript 运算符与逻辑分支,学习网页web前端开发

字符串运算符

字符串运算符: 字符串运算符只有一个,即:“+”。

它的作用是将两个字符串相加。 规则:至少一个操作数是字符串

var result1=‘hello’+‘world’; // 两个都是字符串, 直接连接两个字符串

console.log(result1); //helloworld

console.log(typeof result1);

//如果其中有一个是字符串, 另一个是其他类型, 则会先将其他的类型强制转换成字符,然后再连接

var result2=‘hello’+2;

console.log(result2); //hello2

console.log(typeof result2);

三目运算符(三元条件运算符)

三目运算符(三元条件运算符): 表达式 ? 值1 : 值2

如果表达式的值为true,则结果取值1。否则为值2

语法为:(如果条件表达式的值为true,则结果取值1。否则为值2。)

条件表达式 ? 值1 : 值2

var age=11;

var status = (age >= 18) ? “major” : “minor”;

当age大于等于18的时候,语句将第一个值“major”赋值给status;否则将第二个值“minor”赋值给status。

运算符的优先级

| 运算符 | 描述 |

| — | :-: |

| . [] () | 对象成员存取、数组下标、函数调用等 |

| ++ – ~ ! delete new typeof void | 一元运算符 |

| * / % | 乘法、除法、求余 |

| + - + | 加法、减法、字符串连接 |

| << >> >>> | 移位 |

| < <= > >= instanceof | 关系比较、检测类实例 |

| == != === !== | 恒等(全等) |

| & | 位与 |

| ^ | 位异或 |

| | |

| && | 逻辑与 |

| | |

| ?: | 三元条件 |

| = x= | 赋值、运算赋值 |

| = x= | 赋值、运算赋值 |

| , | 多重赋值、数组元素 |

表达式


表达式是javascript中的一个短语,表达式指的是可用于计算的式子,即可能产生一个值的式子。

变量名也是一种简单的表达式,它的值就是赋值给变量的值。

复杂的表达式由运算符和操作数 (变量或常量) 组成的式子

算术运算符组成的式子叫算术表达式

关系运算符组成的式子叫关系表达式或者条件表达式

逻辑运算符组成的式子叫做逻辑表达式

如:2+3;a+5;c>3; a&&b等

流程控制


JavaScript有三种基本的流程控制结构:顺序结构、选择结构和循环结构,流程控制是用来控制代码的执行顺序。

JavaScrip在顺序结构中可以包含选择结构和循环结构

顺序结构:

指按照语句出现的先后顺序依次执行

选择结构:

指按照给定的逻辑条件来决定执行顺序。

选择结构可以分为单向选择、双向选择和多向选择。但无论是单向还是多向选择,程序在执行过程中都只能执行其中一条分支。

循环结构

指根据代码的逻辑条件来判断是否重复执行某一段程序。若逻辑条件为true,则重复执行,即进入循环,否则结束循环。

循环结构可以先判断逻辑条件,也可以先执行循环体

if单支语句

if条件判断语句的写法:

if(表达式){

执行语句

}

当括号内的表达式结果成立( 为true 时) ,则执行大括号内的语句,否则不执行。

注意:

  1. if后面的()不能省略。

  2. 一条执行语句可以省略{}, 多条时不能省略{}, 建议不管是一条还是多条都写上{}

if双分支语句的写法:

if(表达式){

执行语句1

}

else{

执行语句2

}

当if 括号内的表达式结果成立,执行执行语句1 ,否则执行执行语句2;

注意:else语句必须和if语句搭配出现使用

if多分支语句

if多分支语句的写法:

if(表达式){

执行语句1

}

else if(表达式2){

执行语句2

}

else if(表达式3){

执行语句3

}

else{

执行语句n

}

从上往下,满足哪个条件就执行其相对应的语句,都不满足时,执行最后的else

的语句,只能进入其中之一。

if的嵌套

将整个if语句块插入另一个if语句块中

if (表达式1) {

if (表达式2) {

if (表达式3){

语句;

}

else{

语句;

}

}

else{

语句;

}

}

注意: 嵌套if时,最好不要超过三层; 内层的每一对if…else代码要缩进且对

齐;编写代码时,else要与最近的if配对。

需求:

输出不同年龄段的称呼:

少年:18周岁以下,青年:18周岁至40周岁,中年:40周岁至60周岁,老年:60周岁以上

婴儿[0岁-1岁)、幼童[1岁-4岁)、小童[4岁-7岁),中童[7岁-13岁)、

大童[13岁-18岁),成年人等于18岁

switch case 语句

用于基于不同的条件来执行不同的动作,如果有多个条件,可以使用嵌套的if语句来解决,但这种方法会增加程序的复杂度,降低程序的可读性。

//n可以是变量/表达式,将n的值与常量a1、a2、……比较,若n与其中某个值相等时,执行相应数据后面的语句,且当遇到关键字break时,程序跳出switch结构;若找不到与n相等的值,则执行关键字default下面的语句。

switch(n)

{

case a1:

执行代码块 1

break;

case a2:

执行代码块 2

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

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

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

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

文末

js前端的重头戏,值得花大部分时间学习。

JavaScript知识

推荐通过书籍学习,《 JavaScript 高级程序设计(第 4 版)》你值得拥有。整本书内容质量都很高,尤其是前十章语言基础部分,建议多读几遍。

前端电子书

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外,大推一个网上教程 现代 JavaScript 教程 ,文章深入浅出,很容易理解,上面的内容几乎都是重点,而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多,二者结合,定能构建你的 JavaScript 知识体系。

面试本质也是考试,面试题就起到很好的考纲作用。想要取得优秀的面试成绩,刷面试题是必须的,除非你样样精通。

这是288页的前端面试题

尤其是前十章语言基础部分,建议多读几遍。

前端电子书

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

另外,大推一个网上教程 现代 JavaScript 教程 ,文章深入浅出,很容易理解,上面的内容几乎都是重点,而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多,二者结合,定能构建你的 JavaScript 知识体系。

面试本质也是考试,面试题就起到很好的考纲作用。想要取得优秀的面试成绩,刷面试题是必须的,除非你样样精通。

这是288页的前端面试题

288页面试题

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值