条件语句

  1. <script>
  2. /* 条件语句 */
  3. /* if (条件) {
  4. // ()最终都会转换为布尔值,只有为true的时候,才会进来
  5. // 条件满足执行代码...
  6. } */
  7. /* 单向分支语句 */
  8. /* if (1 > 0) {
  9. console.log('满足条件啦~~~');
  10. } */
  11. // if条件不满足就会进到else「只可能进入一个」
  12. /* if (1 < 0) {
  13. console.log('满足');
  14. } else {
  15. console.log('哈哈哈哈哈');
  16. } */
  17. // 最终都是布尔值,true才能进去对应的代码块执行代码
  18. if (!(-1 > 0)) {
  19. console.log('1>0');
  20. } else if (2 < 0) {
  21. console.log('2>0');
  22. } else if (3 > 0) {
  23. console.log('3 > 0');
  24. } else {
  25. console.log('hehehe');
  26. }
  27. </script>

switch和case

  1. <script>
  2. var a = 100;//100=='100'
  3. // if 里面两个等也可以
  4. if (a == '100') {
  5. console.log('今天🌧');
  6. }
  7. switch (a) {
  8. case 100://必须是三个等(三个等叫绝对相等,一模一样才可以)a===100
  9. console.log('今天🌧');
  10. break;//一定要写,如果不写,无论下一个条件是否满足,都会进去,一直遇到break为止
  11. case 200:
  12. console.log('今天晴天');
  13. break;
  14. default://相当于else
  15. console.log('在家待着');
  16. // break;//这个break可以省略
  17. }
  18. </script>

条件语句判断规则

  1. <script>
  2. // 1.如果是引用数据类型,就看空间地址
  3. var a = {};
  4. var b = a;
  5. console.log(a == b);
  6. console.log({} == {});
  7. console.log([] == []);
  8. </script>

循环语句

  1. <script>
  2. // 两者的区别:while满足条件才会执行代码
  3. // do while 无论条件满不满足,至少都会执行一次代码
  4. /* while (1 == 2) {
  5. console.log(1);
  6. } */
  7. /* do {
  8. console.log(11);
  9. } while (1 == 1); */
  10. /* do {
  11. console.log(11);
  12. } while (1 == 2); */
  13. /*
  14. 第一步:var i=0
  15. 第二步:i<3
  16. 第三步:条件满足就会进入循环体里面执行代码
  17. 第一步:i++(i加1) i=1
  18. 第二步:i<3
  19. 第三步:条件满足就会进入循环体里面执行代码
  20. 第一步:i++ i=2
  21. 第二步:i<3
  22. 第三步:条件满足就会进入循环体里面执行代码
  23. 第一步:i++ i=3
  24. 第二步:i<3
  25. 第三步:条件不满足跳出for循环
  26. */
  27. // i 循环变量 i=0 i的初始值
  28. // i < 3 循环的条件
  29. // i++ 循环的步长 i=i+1 i=i+3-->i+=3(重要!!)
  30. // for (var i = 0; i < 3; i++) {
  31. // console.log('兄弟们好');
  32. // }
  33. /*
  34. for循环去求1到10的和
  35. */
  36. /* var total = 0;
  37. for (var i = 1; i < 11; i++) {
  38. // total = total + i;
  39. total += i;
  40. }
  41. console.log(total); */
  42. /* 把数组[1,65,3,4,20]里面的5个元素累加 */
  43. /* var ary = [1, 65, 3, 4, 20];
  44. var total = 0;
  45. for (var i = 0; i < 5; i++) {
  46. // console.log(ary[i]);
  47. total = total + ary[i];
  48. // total += ary[i];
  49. }
  50. console.log(total); */
  51. var ary = [1, 65, 3, 4, 20];
  52. var total = 0;
  53. for (var i = 0; i < ary.length; i++) {
  54. // console.log(ary[i]);
  55. total = total + ary[i];
  56. // total += ary[i];
  57. }
  58. console.log(total);
  59. </script>

break和continue

  1. <script>
  2. /* for (var i = 0; i < 4; i++) {
  3. console.log(i);
  4. break;//停止整个循环
  5. } */
  6. /* for (var i = 0; i < 6; i++) {
  7. if (i == 4) {
  8. continue;//结束本轮循环,进行下一轮循环
  9. }
  10. console.log(i);//0 1 2 3 5
  11. } */
  12. /* for (var i = 0; i < 10; i++) {
  13. // i=0 -->2-->4-->6-->8
  14. if (i < 5) {
  15. i++;//i=1-->3-->5
  16. continue;
  17. }
  18. if (i > 7) {
  19. i += 2;//i=i+2-->i=10
  20. break;
  21. }
  22. i += 1;//i=i+1-->i=7
  23. }
  24. console.log(i);//10 */
  25. /* for (var i = 1; i <= 10; i += 2) {
  26. // i=1 i=4 i=7
  27. if (i <= 5) {
  28. i++;//i=2 i=5
  29. continue;
  30. } else {
  31. i -= 2;//i=i-2 i=5
  32. break;
  33. }
  34. i--;
  35. console.log(i);
  36. }
  37. console.log(i);//5 */
  38. for (var i = 0; i < 10; i++) {
  39. console.log(i);
  40. break;
  41. }
  42. console.log(i);
  43. </script>

i++和++i

  1. <script>
  2. /*
  3. ++在后 先别加
  4. ++在前 先加1
  5. */
  6. /*
  7. var i = 5;
  8. var b = i++;
  9. console.log(b);
  10. */
  11. /* var i = 5;
  12. var b = ++i;
  13. console.log(b); */
  14. /* var i = 5;
  15. // 5 + 7 + 7 + 8 + 10
  16. i = (i++) + (++i) + (i++) + (i++) + (++i);
  17. console.log(i); */
  18. var i = 5;
  19. // 5 3 3 2 0
  20. i = (i--) + (--i) + (i--) + (i--) + (--i);
  21. console.log(i);
  22. </script>

三元运算

  1. <script>
  2. /* 三元运算(三目) */
  3. var num = 5;
  4. /* if (num >= 5) {
  5. num++;
  6. } else {
  7. num--;
  8. }
  9. // 条件?条件成立执行这里的语句:条件不成立执行后面的语句
  10. num >= 5 ? num++ : num--; */
  11. /* 条件成立做一件事,不成立啥也不做,可以用null / undefined / void 0 占位*/
  12. /* if (num >= 5) {
  13. num++;
  14. }
  15. num >= 5 ? num++ : null;
  16. num >= 5 ? num++ : undefined;
  17. num >= 5 ? num++ : void 0; */
  18. /* 如果条件满足不止一条语句,用小括号包起来,语句之间用逗号隔开 */
  19. /* if (num >= 5) {
  20. num++;
  21. num += 2;
  22. }
  23. num >= 5 ? (num++, num += 2) : null; */
  24. /* 嵌套的该如何写? */
  25. var num = 12;
  26. if (num > 0) {
  27. if (num < 10) {
  28. num++;
  29. } else {
  30. num--;
  31. }
  32. } else {
  33. if (num == 0) {
  34. num++;
  35. num = num / 10;
  36. }
  37. }
  38. // num > 0 ? (num < 10 ? num++ : num--) : (num == 0 ? (num++, num = num / 10) : null)
  39. </script>