博客列表 >JavaScript数据类型,所有分支与循环类型

JavaScript数据类型,所有分支与循环类型

搬砖来学php
搬砖来学php原创
2022年07月22日 02:20:30364浏览
原始类型 代表 引用类型 代表
number 数值类型 array 数组类型
string 字符串类型 object 对象类型
Boolean 布尔类型 function 函数类型
undefined 代表没有,变量的默认值
null 空,没有的意思
  1. <script>
  2. //数值类型
  3. console.log(100);
  4. console.log(typeof 100); //返回 number数值类型
  5. console.log(typeof "php.cn"); //返回string字符串类型
  6. let a = false; //false/true 布尔类型
  7. console.log(typeof a);
  8. //undefined 变量的默认值
  9. let b; //undefined 变量的默认值
  10. console.log(b); //undefined 变量的默认值
  11. let c = "null"; //null代表空没有的意思
  12. console.log(c);
  13. //-----------------------------//
  14. // 引用类型
  15. const d = ["男人", "女人", "保密"];
  16. console.log(d); // 得到三个值 0=男人1等于女人2=保密
  17. // 如果需要拿到第一个值对应的是 0=男人
  18. console.log(d[0]); //男人
  19. console.log(d[1]); //女人
  20. console.log(d[2]); //保密
  21. //-----------------------------//
  22. //对象类型
  23. let e = {
  24. youxi: "游戏",
  25. xiazai: "下载",
  26. hobbdy: "爱好",
  27. };
  28. console.log(e.youxi);
  29. //-----------------------------//
  30. // 函数
  31. //添加函数
  32. function hanshu1() {}
  33. // 赋予参数x
  34. function hanshu2(x) {
  35. // 查询x是否函数类型
  36. console.log(typeof x);
  37. }
  38. hanshu2(hanshu1);
  39. </script>

3.分支类型、单分支、双分支、多分支!

1.单分支

  1. if(条件) {
  2. 语句;
  3. }
  4. 条件成立,执行语句

举例 如果分数达到60即为及格,if判断if (fenshu>=80),console.log(‘及格’)。

  1. let fenshu=60;
  2. console.log(fenshu>=60);
  3. if (fenshu>=60){
  4. console.log('及格')
  5. }

双分支

  1. if (条件) {
  2. 语句1;
  3. }else{
  4. 语句2;
  5. }
  6. 条件成立,执行语句1 ,条件不成立,执行语句2。

举例设为分数70输出的是及格成绩优良,如果设为70以下即输出不及格

  1. fenshu = 70;
  2. if (fenshu>=70){
  3. console.log('及格成绩优良');
  4. }
  5. else{
  6. console.log('及格成绩一般');
  7. }

多分支

  1. //多分支:if - else if - else if - else
  2. fenshu=65;
  3. //如果分数大于60小于70 判断为成绩一般
  4. if(fenshu>=60 && fenshu <70){
  5. console.log('成绩一般');
  6. }
  7. //如果分数大于70小于80 判断为成绩良好
  8. else if (fenshu >= 70 && fenshu < 80) {
  9. console.log('成绩良好');
  10. }
  11. //如果分数大于80小于90 判断为成绩优秀
  12. else if (fenshu >= 80 && fenshu < 90) {
  13. console.log('成绩优秀');
  14. }
  15. //如果分数大于90小于100 判断为成绩牛逼
  16. else if (fenshu >= 90 && fenshu < 100) {
  17. console.log('成绩牛逼');
  18. }
  19. //如果分数大于100小于10 判断为作弊
  20. else if (fenshu >= 100 || fenshu < 10) {
  21. console.log('作弊');
  22. }

语法糖
多分支的语法糖: switch、双分支的语法糖: condition ? true : false**

  1. fenshu=65;
  2. switch (true) {
  3. case fenshu>=60 && fenshu <70:
  4. console.log('成绩一般');
  5. break;
  6. case fenshu >= 70 && fenshu < 80:
  7. console.log('成绩良好');
  8. break;
  9. case fenshu >= 80 && fenshu < 90:
  10. console.log('成绩优秀');
  11. break;
  12. case enshu >= 90 && fenshu < 100:
  13. console.log('成绩牛逼');
  14. //如果分数大于100小于10 判断为作弊
  15. case fenshu >= 100 || fenshu < 10:
  16. console.log('作弊');
  17. }

while循环

while循环:

1.while循环首先检查条件

2.如果条件为真,则循环中的语句执行

3.这个顺序一直重复直到条件为假

  1. <script>
  2. const time =['早上','下午','晚上'];
  3. console.log(time);
  4. console.log(time.length);
  5. console.log(time.length - 1);
  6. console.log(time[time.length - 1]);
  7. console.log(time[time.length]);
  8. let a = 0;
  9. let length = time.length;
  10. // if (a < length) {
  11. // console.log(time[a]);
  12. // a = a + 1;
  13. // }
  14. // if (a < length) {
  15. // console.log(time[a]);
  16. // a+=1;
  17. // }
  18. // if (a < length) {
  19. // console.log(time[a]);
  20. // a++;
  21. // }
  22. // else {
  23. // console.log('遍历结束');
  24. // }
  25. // 简写语法
  26. while (a<length){
  27. console.log(time[a]);
  28. //更新
  29. a++;
  30. }
  31. </script>

do-while循环:

1.do-while循环在循环的最后检查条件

2.这就意味着do-while循环能保证至少循环能执行一次

  1. a = 0;
  2. //while循环在开头检查条件,do-while循环在循环的结尾检查条件,至少代码执行一次 不管真假
  3. do {
  4. console.log(time[a]);
  5. // 必须要更新循环条件,否则进入死循环
  6. a++;
  7. } while (a > length);

for 循环、while 的简写

  1. for( let a =0; a<length;a++){
  2. console.log(time[a]);
  3. }

for of查看数组的值

  1. for( let item of time){
  2. console.log('time: ' + item);
  3. }

keys/只看键/索引

  1. for( let item of time.keys()){
  2. console.log('values: ' + item);
  3. }

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议