【JavaScript】Javascript基础语法（一）

页面显示

        document.write('这是用JavaScript写的！！！');

弹出框

        alert('你是谁');

控制台显示（console）

        console.log('它~会魔法吧~~~');

输出

        prompt(' 请输入名字')

声明一个变量 然后将这个变量打印出来

​
<script>
   //let声明变量 名字是张三 年龄为18
   let uname = '张三'
   let age = 18
   //打印出uname和age声明的变量
   document.write(uname, age)
</script>

​

将num1和num2的数值对换

<script>
   //将num1和num2的数值对换并打印出来

   let num1 = 10
   let num2 = 20
   //临时变量
   let num3
   //将num1的值放入临时变量num3中
  num3 = num1
  //将num2的值放入num1中
  num1 = num2
  //将num3中的值放入num2中
  num2 = num3
  //打印出num1和num2，此时num1值为20 num2值为10
  document.write(num1, num2)
</script>

在输入框中输入什么，在页面返回什么

<script>
   //在页面输入框内输入名字、年龄、性别，并且分别打印出来

   let uname = prompt('请输入姓名')
   let age = prompt('请输入年龄')
   let sex = prompt('请输入性别')
   //输出打印到页面中
  document.write('我的名字为：' + uname, '我的年龄为：' + age + '岁', '我的性别为：' + sex)
</script>

数组：

    //数组 打印时从下标拿数值 下标从0开始计算
    let arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
    let arr1 = ['一月', '二月', '三月', '四月', '五月', '六月', '七月']
    document.write(arr[6], arr1[2])

数组长度

 //数组 打印时从下标拿数值 下标从0开始计算
    let arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
    let arr1 = ['一月', '二月', '三月', '四月', '五月', '六月', '七月']
    document.write(arr.length, arr1.length)

 if else语句

if(判断条件){
  符合条件后返回结果
}else{
不符合条件返回结果
}

//多分支
if(判断条件1){
  符合条件1返回的结果
}else if(判断条件2){
符合条件2返回的结果
}else if(判断条件3){
符合条件3返回的结果
}else if(判断条件N){
符合条件N返回的结果
}else{
上诉条件都不符合时返回的结果
}

需要注意如果else声明的第一个条件结束时，还有下一步判断时，需要在最后的else if中的括号中写声明及下边的判断语句：

else if (score < 60) {
      // 输入成绩小于60分 输出 考试还未及格，请选择单打还是混合双打套餐 并弹出请选择单打或者混合双打套餐 进行选择
      alert('考试还未及格，请选择单打还是混合双打套餐')
      // 声明一个变量 one 类型为默认的string类型
      let one = prompt('请选择单打或者混合双打套餐')
      // 如果输入单打 则输出 男子或女子单打 结束语句
      if (one == '单打') {
        alert('男子或女子单打')
          // console.log(one)
          // document.write(one) 
      } else if (one == '双打' || one == '混合双打') {
        // 如果输入双打 或者混合 则输出 双打或混和双打一套 结束语句
        alert('双打或混和双打一套')
      } else {
        // 输入其他，则输出 居然还敢选其他的，往死里锤,单打和混合双打个一套 结束语句
        // document.write(one) 
        alert('居然还敢选其他的，往死里锤,单打和混合双打个一套')
      }
    }

Switch语句：

switch(表达式){
case 常量1:
<若干语句1>
break;
case 常量2:
<若干语句2>
break;
......
default:
<不满足上述所有情况执行的代码>
break;
}

输入月份判断月份为春夏秋冬哪个季节

 let month = +prompt('请输入月份')
    switch (month) {
      case 3:
      case 4:
      case 5:
        alert(`${month}月是春天`)
        break
      case 6:
      case 7:
      case 8:
        alert(`${month}月是夏天`)
        break;
      case 9:
      case 10:
      case 11:
        alert(`${month}月是秋天`)
        break;
      case 12:
      case 1:
      case 2:
        alert(`${month}月是冬天`)
        break;
      default:
        alert('请输入月份')
        break;

注意点：

1.switch 后面小括号中表达式的值必须是整型或字符型；

2.case 后面的值可以是常量数值，如 1、2；也可以是一个常量表达式，如 2+2 ；但不能是变量或带有变量的表达式，如 a * 2；

3.default 块可以出现在任意位置，也可以省略。

4.case和后面的数字之间要带上空格

for循环

在程序中，一组被重复执行得语句被称为循环体，能否继续执行重复语句，取决于终止条件，由循环体及循环的终止条件语句组成，被称之为循环语句

语法结构

for(处事变化值;条件表达式;操作表达式){
    //循环体
}

双重for循环

语法结构：

外层循环管行，内层循环管列

<script>
for(外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
   for(内层的初始化变量;外层的条件表达式;外层的操作表达式){
    //执行语句
    }
}

 //我们可以把里边的循环看作是外层循环的语句
 //外层循环一次，里面的循环执行全部
 //代码验证
    for (i = 1; i <= 3; i++) {
      console.log(`我是外层的第${i}次循环`);
      for (j = 1; j <= 3; j++) {
        console.log(`我是里层的第${j}次循环`);

      }
    }

三角形小算法：

• 倒三角形：j(内循环初始值) = i(外循环初始值)
• 正三角形：j(内循环条件表达式) <= i(外循环条件表达式)