【前端——JavaScript】：数字类型转化、运算符、流程控制、数组

地球炒蛋725

已于 2022-08-04 15:17:38 修改

阅读量198

点赞数

分类专栏：前端学习文章标签：前端 javascript

于 2022-07-20 19:05:30 首次发布

本文链接：https://blog.csdn.net/m0_61960885/article/details/125887640

版权

前端学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、数据类型的转换

1.转化为字符串类型

注意第一种是变量.toString(),而不是在括号里填变量主要是最后一种，也称隐式转化

实现：

2. 转化为数字型

主要是前两种

第一种是取整数部分，转化过程中会去掉单位，只剩数字。

3.转化为布尔型Boolean()

拓展：

（1）解释型语言和编译型语言

（2）标识符、关键字、保留字

标识符：指开发人员为变量、属性、函数、参数取的名字。不能是关键字或保留字

关键字：指JS本身已经使用了的梓，不能在用他们充当变量名、方法名

保留字：就是未来可能会成为关键字

二、运算符operator

1.运算符

也称操作符

2.算数运算符

（1）

注意浮点数运算会存在精度问题

（2）表达式和返回值

3.递增递减运算符

++变量——变量=变量+1————先加1，后返回值

变量++——变量=变量+1————先返回原值，后加1

例如：

第一步结果为20，而不是21

4.比较运算符

==默认转化数据类型，会把字符串型转化为数字型

例如：

但是：

===全等要求两侧值和数据类型完全相同

5.逻辑运算符（布尔运算符）

逻辑中断

可以理解为，一真则真（||），一假则假（&&）。当满足条件，则不再进行

如：

123返回123，则直接返回123，num++没有执行，所以num还是0；

6.赋值运算符

7.运算符优先级

三、流程控制—分支

1.流程控制

按照什么结构顺序来执行

分类：

1.if语句

2.switch分支语句

一般值比较固定的用switch语句较为方便

注意：

（1）value与表达式必须是全等关系（值和类型完全相同）

（2）如果case没有break，会继续执行下一个case，并且会输出case里面的值

3.三元表达式

有几个部分就是几元，比如a++是一元，a+b是二元。

语法结构：条件表达式？表达式一：表达式二

如果表达式为真，返回表达式1，如果为假，返回表达式2

四、流程控制—循环结构

1.for循环

（2）断点调试

打开检查后——点击Sources——点击2——点击想要设置断点的位置——刷新网页

点击进行下一步，再watch中可以添加监视项目

练习: 输入倒三角

运行结果：

练习：99乘法表

实现：

运行结果：

2.while循环

3.do-while语句

会先执行一次循环体

4.continue break关键字

continue：退出本次循环，继续执行剩余次的循环

break：退出整个循环

五、命名规范以及语法格式

1.标识符命名规范

2.操作符规范

操作符左右留一个空格

3.单行注释规范

注释前有个空格

4.其他规范

例如：

六、数组

1.创建方法

（1）利用new创建数组

实现：

（2）利用数组字面量创建数组

实现：

注意！数据要用逗号分隔开

2.数组元素类型

可以存放任意类型，可以混放

3.获取数组元素

利用下标，下标从0开始

4.遍历数组

就是把数组中每个元素都从头到尾访问一次。利用循环实现。

5.数组长度

实现：数组名.length

7.19-7.20学习总结

1.问题解决

（1）问题：

结果：

在最后显示计算结果时出现问题

解决：

发现问题是没有整体加括号，程序按照顺序进行计算，就为——字符串+数字-数字，所以出现NaN.这里其实不用-‘0’也可以，因为2022-getyear已经发生了隐式转化。所以发现，不是固定形式“字符串-数字”才可以转化为数字型，只要是字符串和数字发生减、乘、除都可以

2.常出现问题：忘记prompt中得到的是字符串类型，直接进行数字计算，要注意。

3.把链接发给朋友测试，出现了几种问题，但是自己测试是没有问题的

（1）循环语句一直没有跳出

（2）开始循环语句没有跳出，过了一会儿再次尝试，恢复正常了

（3）有时候正常，有时候不正常

代码：

<script>
        var sum=0;
        var i=1;
        var getanswer=prompt('你是大笨瓜吗');
      while(getanswer!='是')
      {
        alert('你确定吗，再给你一次机会');
        prompt('你是大笨瓜吗');
      
      }
      alert('承认了吧！哈哈哈哈哈哈哈');
      
    </script>

目前还没有找到问题所在，还没有解决