美文网首页
JavaScript基础(day02)

JavaScript基础(day02)

作者: loner_cj | 来源:发表于2019-02-16 01:08 被阅读0次

一元运算符

  • ++ -- 都是运算符
  • ++ 和 -- 可以分为:前+ 和后+ and 前- 和后-
  • 如果++在后面:如: num++ +10参与运算
  • 先参与运算,运算结束后自身再加1
  • 如果++在前面:如: ++num+10参与运算
  • 先自身加1,然后再参与运算

流程控制:代码的执行过程

//流程控制:有三种方式
/*
* 1.顺序结构:从上到下,从左到右执行的顺序,就叫做顺序结构(不是很眼睛)
* 2.分支结构:if语句,if-else语句,if-else if-else if...语句,switch-case语句,三元表达式语句
* 3.循环结构:while循环,do-while循环,for循环,后期还有一个for-in循环
*
*
* */

/*
*
* if语句:主要是判断
* 语法:
* if(表达式){
* 代码块
* }
*
* 执行过程:
* 先判断表达式的结果是true还是false,如果是true则执行代码块,如果是false,大括号中的代码是不执行的
*
* 例子:
* 1.如果8大于6,请输出8,如果一个数字大于另一个数字则输出大的数字
* 2.问:小苏的年龄是否大于18岁,如果是成年的,则提示,可以看电影了
*
*
* */
// if(8>6){
// console.log(8);
// }
//例子1:
// var num1=10;
// var num2=100;
// if(num1>num2){
// console.log(num1);
// }
// console.log("我执行了");

//例子2
var age=19;
if(age>=18){
  console.log("可以看电影了,嘿嘿...");
}
//例子3:
//问小杨帅不帅,则输出真的好帅
var str="帅";
if(str=="帅"){
  console.log("真的好帅");
}

/*
*
* if-else 语句
* 两个分支,只能执行一个分支
*
* if-else语句的语法:
*
* if(表达式){
* 代码1
* }else{
* 代码2
* }
* 执行过程:
* 如果表达式的结果是true则执行代码1,如果表达式的结果是false,则执行代码2
*
*
* */

//练习1:找到两个数字中的最大值
var num1=10;
var num2=20;
if(num1>num2){
console.log(num1);
}else{
console.log(num2);
}

//练习2:判断这个数字是奇数还是偶数

var number=parseInt(prompt("请输入一个数字"));
if(number%2==0){
  console.log("偶数");
}else{
  console.log("奇数");
}

//获取两个数字中的最大值
//if-else语句
//    var num1 = 10;
//    var num2 = 100;
//    if (num1 > num2) {
//      console.log(num1);
//    } else {
//      console.log(num2);
//    }

//两个分支,最终的结果是两个分支中的一个,像这种情况可以使用三元表达式

/*
 * 三元表达式
 * 运算符号:  ?  :
 *
 * 语法:
 *  var 变量=表达式1?表达式2:表达式3;
 *  执行过程:
 *  表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量
 *  如果表达式1的结果是false,则执行表达式3,把结果给变量
 *
 *
 *
 * */

//两个数字中的最大值
var x = 10;
var y = 20;
var result1 = x > y ? x : y;
console.log(result1);

//显示成年还是未成年
var age = 10;
var result2 = age >= 18 ? "成年了" : "未成年";
console.log(result2);

//总结:大多数情况,使用if-else的语句都可以用三元表达式的方式来表示

//if语句只有一个分支
//if-else语句有两个分支,最终执行一个分支
//if-else if-else if-else if-else if..........else---多分支,最终也是执行一个

/*
 *
 * if-else if语句...
 *
 * 语法:
 * if(表达式1){
 *   代码1
 * }else if(表达式2){
 *   代码2
 * }else if(表达式3){
 *   代码3
 * }else{
 *   代码4
 * }
 *
 * else if---这种结构可以写多个,具体多少个看需求,
 * else--结构是可以不用写的,具体也是看需求
 *
 *
 * 执行过程:
 * 先判断表达式1的结果,
 * 如果为true则执行代码1
 * 如果为false,则判断表达式2
 * 如果表达式2为true则执行代码2
 * 如果为false,则判断表达式3
 * 如果表达式3为true则执行代码3
 * 否则执行代码4
 *
 *
 * */

//练习:判断一个年份是不是闰年
//定义变量存储一个年份
var year = 2017;
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
console.log("闰年");
} else {
console.log("平年");
}

/*
* switch-case语句---分支语句---多分支语句
* 语法:
* switch(表达式){
* case 值1:代码1;break;
* case 值2:代码2;break;
* case 值3:代码3;break;
* case 值4:代码4;break;
* ...多个case
* default:代码5;
*
* }
*
* 注意问题:
* default后面的break是可以省略的
* default也可以省略
*
* switch-case 语句中和case后面的值比较的时候使用的是严格的模式
* break是可以省略
*
*
* 执行过程:
* 获取表达式的值,和值1比较,如果一样,则执行代码1,遇到break则跳出整个的语句,后面代码不执行
* 如果表达式的值和值1不一样,则和值2比较,如果相同则执行代码2,遇到break则跳出
* 否则和值3比较,相同则执行代码3,遇到break,跳出,否则和值4比较,相同则执行代码4,遇到break则跳出,否则直接执行代码5
*
*
*
*
*
*
* */

//循环:一件事不停的或者是重复的做
//循环要有结束的条件,循环还应该有计数器(记录循环的次数的)

//while循环
/*
* while循环语法:
*
* 计数器
* var 变量=0;
* while(循环的条件){
*   循环体;
*   计数器++;
*
* }
*
* 执行过程:
* 先判断条件是否成立,(条件的结果是true还是false),如果是false,那么循环的代码(while的大括号中的代码都不执行),如果是true,那么先执行循环体,然后执行计数器,然后,直接去--->循环的条件,再次判断是否成立,成立则继续执行循环体,否则跳出循环,执行完循环体之后,计数器加1,然后再去循环的条件,判断,成立则循环,否则跳出循环
*
* var i=0;
* while(i<20){
* 循环体
* i++;
* }
*
*
*
* */


/*
 *
 * do-while循环
 *
 * 语法:
 *
 * do{
 *     循环体
 * }while(条件);
 *
 * 执行过程:
 * 先执行一次循环体,然后判断条件是否成立,不成立,则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出.....
 *
 * */


//例子:
//输出:哈哈,我又变帅了..10次

//    var i=0;//计数器
//    do{
//      console.log("哈哈,我又变帅了");
//      i++;
//    }while(i<10);

/*
* for循环
*
* 语法:
* for(表达式1;表达式2;表达式3){
* 循环体;
* }
*
* 执行过程:
* 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环
* 如果表达式2成立,执行循环体的代码,结束后,跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立,则跳出循环
* 如果表达式2成立,则执行循环体,然后再跳到表达式3,再跳到表达式2,判断是否成立,一直如此
*
* for(var i=0;i<10;i++){
*
* }
*
*
* */

例子:
99乘法表
//控制行数
// for(var i=1;i<=9;i++){
// //控制每一行有多少个表达式
// for(var j=1;j<=9;j++){
// document.write(j+""+i+"="+ij);
// }
// document.write("
");
// }

//掌握------必须要写出来的
//    for(var i=1;i<=9;i++){
//      //控制每一行有多少个表达式
//      for(var j=1;j<=i;j++){
//        document.write(i+"*"+j+"="+i*j);
//      }
//      document.write("<br/>");
//    }

相关文章

  • JavaScript基础(day02)

    一元运算符 ++ -- 都是运算符 ++ 和 -- 可以分为:前+ 和后+ and 前- 和后- 如果+...

  • javascript day02

    DOM基础 获取节点 节点类型 添加节点 删除节点 修改节点 input输入框背景色改变 鼠标点击、进入、退出,背...

  • JavaScript(Day02)

    1、JavaScript数组 2、JavaScript对象的使用 3、JavaScript内置对象

  • 第14天,JavaScript

    第14天,JavaScript @(前端基础)[JavaScript] 目录 一、JavaScript基础 一个完...

  • JS-Basic

    本文主要结构 任务JavaScript基础练习JavaScript集合练习 JavaScript基础练习学到的主要...

  • JavaScript-01

    A 什么是JavaScript JavaScript 定义JavaScript JavaScript基础语法 常用...

  • Js全局变量和局部变量

    //结果: Javascript语言基础 //结果: Javascript语言基础 //结果:Javascri...

  • JavaScript学习指南

    1.1 JavaScript基础概念: JavaScript (ECMAScript) :JavaScript 是...

  • javaScript 基础知识

    javaScript 基础知识 一 JavaScript概述 JavaScript概述 JavaScript是客户...

  • 5-javascript基础

    javascript基础 javascript基础类型 基本数据类型:String,boolean,Number,...

网友评论

      本文标题:JavaScript基础(day02)

      本文链接:https://www.haomeiwen.com/subject/tuwveqtx.html