当前位置:网站首页 > Java基础 > 正文

java基础图集



目录

1.js常用的输出语句

案例:js初体验

1.代码

2.效果

2.js命名规则

3.js赋值

var 关键字声明变量

案例:交换两个变量的内容

完整代码

效果

4.js数据类型

布尔类型 

整数

浮点数

字符串

空型

未定义型

5. 数据检测

6.算术运算符

7.比较运算符

案例:计算圆周长和面积

1.代码

2.效果

8.选择结构if(if - else)

if

if-else

案例:判断成绩等级

1.代码

2.效果

9.switch语句

案例:改写判断成绩等级

1.代码

2.效果

10.for循环

案例:从1输出到100

1.代码

2.效果

11.while循环

案例:从1输出到100改

1.代码

2.效果

12.嵌套循环

案例:输出一个三角形

1.代码

2.效果


1.js常用的输出语句

  • document.write() HTML文档输出
  • console.log(); 控制台输出
  • prompt() 输入框
  • alert 弹出框

案例:js初体验

1.代码

 
 

2.效果

输入框

.

alert框

HTML输出

控制台输出

2.js命名规则

  • 不能以数字开头,不能以运算符号开头
  • 严格区分大小写
  • 不能使用javaScript关键字命名
  • 下划线命名:单词以下划线分割
    • 例子: var my_score = 100;
  • 驼峰命名法:首字母大写
    • 例子: var myScore = 100;

3.js赋值

var 关键字声明变量

var myFirstName = "惜.己";

案例:交换两个变量的内容

var leftHand = "水果刀"; //右手

var rightHand = "饭叉";  //左手

var table = "" //桌子

/

        例如你想交换左手和右手的东西,那么肯定需要先把手中的东西放在桌子上,然后在交换,然后再从桌子上拿去,交换完成

*/

//模拟

table = leftHand;  //左手的东西放在桌子上

leftHand = rightHand; //右手的东西给左手

rightHand = table;  //右手从桌子拿取物品

console.log(leftHand);

console.log(rightHand);

完整代码

 

效果

4.js数据类型

布尔类型 

false , true;

//定义一个布尔类型

var flag = false;

cosnole.log(flag)

var flag_two = true

console.log(flag_two);

整数

定义一个整数

//八进制

var oct = 032 ;  //八进制 的二十六     八进制以0开头

var dec =  100 ; // 十进制的100

var hex  =  0x1a;  //十六进制的 26   十六进制以0x开头

浮点数

//定义一个浮点数

var myFloat = 3.;

字符串

//单引号字符串

var mySingleString = '我的第一个字符串';

//多引号字符串

var myDoubleString = "我的第二个字符串"

空型

//空型只有一个null 

//定义一个空型

var  myNull = null;

console.log(myNull);

未定义型

var a ; 

console.log(a);

//输出结果为undefined

5. 数据检测

typeof  用于检测数据类型

console.log(typeof 2);  //number

console.log(typeof '2');  //string

console.log(typeof true);  //布尔值

console.log(typeof null);  //object 

console.log(typeof undefined);  //undefined

6.算术运算符

  • +  两个数相加
  • -  两个数相减
  • *  两个数相乘
  • /   两个数相除
  • %  两个数相除取模(取余数)
  • ++myNumber   前自增  (计算之前本身先加1)
  • --myNumber    前自减  (计算之前本身先减一)
  • myNumber--  后自减  (计算之后本身自己减一)
  • myNumber++ 后自增   (计算之后本身加1)

7.比较运算符

  • > 大于号
  • < 小于号
  • >= 大于或等于
  • <= 小于或等于
  • == 等于
  • != 不等于
  • === 全等
  • !== 不全等

案例:计算圆周长和面积

1.代码

 
 

2.效果

8.选择结构if(if - else)

if

if(条件){

        满足条件执行的代码

}

if-else

if(条件){

        满足条件执行的代码

}else{

        不满足条件执行的代码

}

案例:判断成绩等级

1.代码

 
 

2.效果

9.switch语句

switch(变量){

        case (值1): 执行代码1 ; break

        case (值2): 执行代码2 ; break

        case (值3): 执行代码3 ; break

        case (值4): 执行代码4 ; break

        case (值5): 执行代码5 ; break

        default: 默认执行

}

案例:改写判断成绩等级

1.代码

 
 

2.效果

10.for循环

for(var 变量名;变量条件判断;变量值进行操作){

java基础图集

        满足条件执行的代码;

}

//注: continue 跳出当次循环不执行后面的代码

案例:从1输出到100

1.代码

 

2.效果

11.while循环

while(条件){

        执行代码

}

// 注:如果条件不满足直接跳出循环 ,或者使用break跳出当前层循环

案例:从1输出到100改

1.代码

 
 

2.效果

12.嵌套循环

for

for(var 变量;判断是否满足条件变量变化操作){

        满足条件执行代码

        

        for(var 变量2;判断是否满足条件变量变化操作){

                满足条件执行代码

        

        }

        

}

while

while(条件){

        执行代码

        while(条件){

                执行代码

        }

}

案例:输出一个三角形

这段HTML中的JavaScript代码实现了用两种不同的循环结构(和)来生成一个简单的文本金字塔,并在两个三角形之间插入一条水平线以作区分。

  1. 使用循环生成三角形
    • 初始化变量为1。
    • 当小于等于5时,执行循环体。
      • 初始化变量为1。
      • 当小于等于时,在页面上输出一个"^"符号,并递增。
      • 每完成一轮内层循环后,在页面上输出换行符以开始新的一行。
      • 递增以便进入下一轮外层循环。
    • 结果是在网页上输出一个由"^"组成的三角形形状。
  2. 使用循环生成三角形
    • 外层循环从到。
      • 内层循环从到,每次循环在页面上输出一个"*"符号。
      • 每完成一轮内层循环后,在页面上输出换行符以开始新的一行。
    • 这个循环同样生成一个三角形形状,但这次是由"*"组成。
  3. 添加水平线
    • 在两个三角形之间,使用插入一条水平线,以便于区分两个不同方法生成的结果。

1.代码

 
 

2.效果

  • 上一篇: java版基础操作
  • 下一篇: java基础题库训练
  • 版权声明


    相关文章:

  • java版基础操作2025-04-23 15:58:05
  • java基础入门 下载2025-04-23 15:58:05
  • java基础慕课网2025-04-23 15:58:05
  • java基础介绍2025-04-23 15:58:05
  • java中基础类型2025-04-23 15:58:05
  • java基础题库训练2025-04-23 15:58:05
  • java基础运算试题2025-04-23 15:58:05
  • java基础入门课后习题2025-04-23 15:58:05
  • java英文基础书2025-04-23 15:58:05
  • 学java的基础2025-04-23 15:58:05