1、数据类型转换
1、什么是数据类型转换
不同类型的数据之间在做运算的时候,会发生的类型的转换。
2、数据类型转换分类
1、隐式转换
自动完成
string 类型参与运算时,其他数据类型都会转换成string类型
注意:如果string类型中的数据是数字类型,那么所做的-,*,/,%全部都是数据运算。
2、显示转换
转换函数:
1、toString()
将任意类型的数据转换成string类型
2、parseInt()
将指定的数据转换成整数。如果碰见第一个非数字字符,则停止转换。
parseInt(53.5)->53
parseInt("75")->75
parseInt("75Hello")->75
parseInt("H75")->NaN
3、parseFloat()
将指定数据转换成小数
2、函数
1、什么是函数
函数:Function,又称为方法(Method),过程(Procedure)
是一段 预定义好,可以被反复使用的代码块。
window.prompt()
document.write()
2、定义函数
语法:
function 函数名(){}
3、调用函数
函数名();
<button οnclick="函数名()">
<script>
函数名();
function 函数2(){
}
function 函数1(){
函数2();
}
function 函数3(){
函数3();
}
</script>
4、带参函数
1、声明
语法:
function 函数名(参数列表){
}
参数列表:用 , 隔开的若干参数名称
2、调用
函数名(参数值列表);
function print(n1,n2){
console.log(n1);
console.log(n2);
}
print(5,10);
结果:
5
10
print(10,5)
结果:
10
5
3、分支(选择)结构
1、程序的流程
1、顺序结构
自顶向下,逐条语句执行
2、分支结构
根据指定的条件,选择某段代码去执行
3、循环结构
根据指定的条件,反复的执行某段代码
2、分支结构
1、if 语句
语法:
if(条件){
语句块;
}
流程:
1、判断条件
2、条件为真,则执行语句块
3、条件为假,则不执行语句块
条件:boolean类型的值或表达式
注意:
1、如果条件为非boolean的值的话
以下情况当做false来处理
if(0)
if(0.0)
if(null)
if(undefined)
if("")
if(NaN)
2、if-else 语句
语义:如果...否则...
语法:
if(条件){
语句块1;
}else{
语句块2;
}
流程:
1、判断条件是否为真
2、如果为真,则执行语句块1
3、否则(条件为假),则执行语句块2
3、多重if结构
if(条件1){
语句块1;
}else if(条件2){
语句块2;
}...else{
语句块n;
}
练习:
编写一个 “个人所得税计算器” 函数
该函数 接受一个参数值,来表示税前工资,在函数内,将工资所对应的 税额 计算出来并打印输出
个税计算梯度如下:
3500以下:免征
3500~5000部分:缴纳3%个税
5000~9000部分:缴纳10%个税
工资:7000元
3500 : 不交税
1500(超出3500,低于5000部分) : 3% -> 45
2000(超出5000,低于9000部分) :
10% -> 200
9000以上部分:缴纳20%个税
税前工资:35000
3500 : 免征
1500 : 45
4000 : 400
26000 :5200
35000 -> 5645税
2、循环结构
1、问题
1、在控制台上打印输出一遍 Hello
console.log("Hello");
2、在控制台上打印输出十遍 Hello
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
条件:
10遍
操作:
console.log("Hello");
3、在控制台上打印输出100遍 Hello
条件:
100遍
操作:
console.log("Hello");
4、将 Hello 全部改成 你好
条件:
100遍
操作:
将 Hell 改成 你好
5、在输出 你好 的基础上 增加
第1遍 你好
第2遍 你好
...
第100遍 你好
条件:
同上
操作:
增加 遍数 的打印
2、循环
1、什么是循环
循环:一遍又一遍,重复的执行相同或者相似的事情(代码)
2、生活中的循环
1、上学
从 5月30 日开始
到 9月30 日结束
2、运动员的比赛
从第一场开始
到 淘汰 结束
3、活着
从 出生开始
到 ... 结束
4、地球的公转自转
...
3、循环特点:
1、循环条件
制约执行循环的次数的东西
从什么时候开始
到什么时候结束
2、循环操作
又称为循环体
要执行的相同的或者相似的事情是什么
3、while 循环
1、语法
while(条件){
循环操作
}
流程:
1、判断 条件
2、如果条件为真,则执行循环操作
2.1 、执行完循环操作之后,再一次判断条件
2.2 、如果条件为真,再一次执行循环操作
...
3、如果条件为假,则不执行循环体
2、注意
一定要在循环体内,更新循环条件,否则,就是死循环
i=i+1;
i+=n;--> i=i+n;
i++; --> i=i+1;
i--; --> i=i-1;
练习:
1、打印 1-100之间所有的数字
2、打印 1-100之间所有的奇数
3、break
1、作用
用于循环中,终止循环的执行
2、练习
要求用户 循环的输入信息并打印 ,直到输入 0 则停止
条件:
输入0为止,否则,无限循环
操作:
1、输入
2、打印
4、for 循环
1、while 循环
打印 1-100之间所有的数字
var i=101; //1、声明循环变量
while(i<=100){//2、循环条件
//3、循环体
console.log(i);
//4、更新循环变量
i++;
}
2、for 语法
for(声明循环变量;循环条件;更新循环变量){
循环体
}
过程:
1、先计算表达式1的值
即声明循环变量
2、计算表达式2的值
即判断循环条件
如果结果为true,则继续向下,否则,退出循环
3、执行循环体
4、计算表达式3的值
即更新循环变量
5、计算表达式2的值
即判断循环条件
如果结果为true,则继续向下,否则,退出循环
3、使用场合
1、for
已经 明确 了循环次数的时候,优先使用 for 循环。
2、while
不确定循环次数时,相比之下,可以优先使用 while 循环
4、for 三个表达式的特殊用法
1、第一个表达式为空时
var i=1;
for(;i<100;i++){
console.log(i);
}
注意:可以省略第一个表达式,但是一定要在循环之外,将第一个表达式内容补齐。否则就是语法错误。
2、第二个表达式为空时
for(var i=1;;i++){
console.log(i);
}
省略第二个表达式时,默认为真-死循环
如果省略第二个表达式的话,一定要在 循环体内将条件补足。否则就是死循环
3、第三个表达式为空时
for(var i=1;i<100;){
console.log(i);
}
省略第三个表达式时,结果为死循环。如果要省略的话,那么就要在循环体内补足第三个表达式的值或给定退出条件
4、省略所有表达式
for(;;){
}
省略所有表达式-死循环。补足所有的内容即可。
5、表达式1以及表达式3的位置处,允许接收多个表达式。中间用,隔开即可。
3、数组
1、问题
保存班级中,所有同学的名字
var name1="张三";
var name2="李四";
var name3="王二麻子"
var name4="王五";
2、什么是数组
多个数据所组成的集合。
将多个数据保存在一个变量名中
在内存中,是按照线性顺序排列的(有序排列)。
下标:数组中,每个元素的序号。下标从0开始,到数组的元素个数-1结束
3、定义和初始化数组
语法:
var 数组名=[];//声明一个空数组
var 数组名=[值1,值2,值3];//声明一个包含3个元素的数组
var 数组名=new Array();//声明一个空数组
var 数组名=new Array(值1,值2,值3);//声明一个包含3个元素的数组
4、访问数组
1、访问数组元素的方式
index:下标,索引 ...
数组名称[下标];
2、存 - 设置数组元素的值
数组名称[下标]=值;
注意:如果下标所对应的元素已经存在的话,那么就会实现覆盖
3、取值
数组名称[下标];
注意:访问数组中不存在的元素,结果为 undefined
4、获取数组的长度
数组长度:即数组中,元素的个数
语法:
数组名称.length;
可以通过 length 属性,循环遍历数组中的每一个元素
1、什么是数据类型转换
不同类型的数据之间在做运算的时候,会发生的类型的转换。
2、数据类型转换分类
1、隐式转换
自动完成
string 类型参与运算时,其他数据类型都会转换成string类型
注意:如果string类型中的数据是数字类型,那么所做的-,*,/,%全部都是数据运算。
2、显示转换
转换函数:
1、toString()
将任意类型的数据转换成string类型
2、parseInt()
将指定的数据转换成整数。如果碰见第一个非数字字符,则停止转换。
parseInt(53.5)->53
parseInt("75")->75
parseInt("75Hello")->75
parseInt("H75")->NaN
3、parseFloat()
将指定数据转换成小数
2、函数
1、什么是函数
函数:Function,又称为方法(Method),过程(Procedure)
是一段 预定义好,可以被反复使用的代码块。
window.prompt()
document.write()
2、定义函数
语法:
function 函数名(){}
3、调用函数
函数名();
<button οnclick="函数名()">
<script>
函数名();
function 函数2(){
}
function 函数1(){
函数2();
}
function 函数3(){
函数3();
}
</script>
4、带参函数
1、声明
语法:
function 函数名(参数列表){
}
参数列表:用 , 隔开的若干参数名称
2、调用
函数名(参数值列表);
function print(n1,n2){
console.log(n1);
console.log(n2);
}
print(5,10);
结果:
5
10
print(10,5)
结果:
10
5
3、分支(选择)结构
1、程序的流程
1、顺序结构
自顶向下,逐条语句执行
2、分支结构
根据指定的条件,选择某段代码去执行
3、循环结构
根据指定的条件,反复的执行某段代码
2、分支结构
1、if 语句
语法:
if(条件){
语句块;
}
流程:
1、判断条件
2、条件为真,则执行语句块
3、条件为假,则不执行语句块
条件:boolean类型的值或表达式
注意:
1、如果条件为非boolean的值的话
以下情况当做false来处理
if(0)
if(0.0)
if(null)
if(undefined)
if("")
if(NaN)
2、if-else 语句
语义:如果...否则...
语法:
if(条件){
语句块1;
}else{
语句块2;
}
流程:
1、判断条件是否为真
2、如果为真,则执行语句块1
3、否则(条件为假),则执行语句块2
3、多重if结构
if(条件1){
语句块1;
}else if(条件2){
语句块2;
}...else{
语句块n;
}
练习:
编写一个 “个人所得税计算器” 函数
该函数 接受一个参数值,来表示税前工资,在函数内,将工资所对应的 税额 计算出来并打印输出
个税计算梯度如下:
3500以下:免征
3500~5000部分:缴纳3%个税
5000~9000部分:缴纳10%个税
工资:7000元
3500 : 不交税
1500(超出3500,低于5000部分) : 3% -> 45
2000(超出5000,低于9000部分) :
10% -> 200
9000以上部分:缴纳20%个税
税前工资:35000
3500 : 免征
1500 : 45
4000 : 400
26000 :5200
35000 -> 5645税
2、循环结构
1、问题
1、在控制台上打印输出一遍 Hello
console.log("Hello");
2、在控制台上打印输出十遍 Hello
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
console.log("Hello");
条件:
10遍
操作:
console.log("Hello");
3、在控制台上打印输出100遍 Hello
条件:
100遍
操作:
console.log("Hello");
4、将 Hello 全部改成 你好
条件:
100遍
操作:
将 Hell 改成 你好
5、在输出 你好 的基础上 增加
第1遍 你好
第2遍 你好
...
第100遍 你好
条件:
同上
操作:
增加 遍数 的打印
2、循环
1、什么是循环
循环:一遍又一遍,重复的执行相同或者相似的事情(代码)
2、生活中的循环
1、上学
从 5月30 日开始
到 9月30 日结束
2、运动员的比赛
从第一场开始
到 淘汰 结束
3、活着
从 出生开始
到 ... 结束
4、地球的公转自转
...
3、循环特点:
1、循环条件
制约执行循环的次数的东西
从什么时候开始
到什么时候结束
2、循环操作
又称为循环体
要执行的相同的或者相似的事情是什么
3、while 循环
1、语法
while(条件){
循环操作
}
流程:
1、判断 条件
2、如果条件为真,则执行循环操作
2.1 、执行完循环操作之后,再一次判断条件
2.2 、如果条件为真,再一次执行循环操作
...
3、如果条件为假,则不执行循环体
2、注意
一定要在循环体内,更新循环条件,否则,就是死循环
i=i+1;
i+=n;--> i=i+n;
i++; --> i=i+1;
i--; --> i=i-1;
练习:
1、打印 1-100之间所有的数字
2、打印 1-100之间所有的奇数
3、break
1、作用
用于循环中,终止循环的执行
2、练习
要求用户 循环的输入信息并打印 ,直到输入 0 则停止
条件:
输入0为止,否则,无限循环
操作:
1、输入
2、打印
4、for 循环
1、while 循环
打印 1-100之间所有的数字
var i=101; //1、声明循环变量
while(i<=100){//2、循环条件
//3、循环体
console.log(i);
//4、更新循环变量
i++;
}
2、for 语法
for(声明循环变量;循环条件;更新循环变量){
循环体
}
过程:
1、先计算表达式1的值
即声明循环变量
2、计算表达式2的值
即判断循环条件
如果结果为true,则继续向下,否则,退出循环
3、执行循环体
4、计算表达式3的值
即更新循环变量
5、计算表达式2的值
即判断循环条件
如果结果为true,则继续向下,否则,退出循环
3、使用场合
1、for
已经 明确 了循环次数的时候,优先使用 for 循环。
2、while
不确定循环次数时,相比之下,可以优先使用 while 循环
4、for 三个表达式的特殊用法
1、第一个表达式为空时
var i=1;
for(;i<100;i++){
console.log(i);
}
注意:可以省略第一个表达式,但是一定要在循环之外,将第一个表达式内容补齐。否则就是语法错误。
2、第二个表达式为空时
for(var i=1;;i++){
console.log(i);
}
省略第二个表达式时,默认为真-死循环
如果省略第二个表达式的话,一定要在 循环体内将条件补足。否则就是死循环
3、第三个表达式为空时
for(var i=1;i<100;){
console.log(i);
}
省略第三个表达式时,结果为死循环。如果要省略的话,那么就要在循环体内补足第三个表达式的值或给定退出条件
4、省略所有表达式
for(;;){
}
省略所有表达式-死循环。补足所有的内容即可。
5、表达式1以及表达式3的位置处,允许接收多个表达式。中间用,隔开即可。
3、数组
1、问题
保存班级中,所有同学的名字
var name1="张三";
var name2="李四";
var name3="王二麻子"
var name4="王五";
2、什么是数组
多个数据所组成的集合。
将多个数据保存在一个变量名中
在内存中,是按照线性顺序排列的(有序排列)。
下标:数组中,每个元素的序号。下标从0开始,到数组的元素个数-1结束
3、定义和初始化数组
语法:
var 数组名=[];//声明一个空数组
var 数组名=[值1,值2,值3];//声明一个包含3个元素的数组
var 数组名=new Array();//声明一个空数组
var 数组名=new Array(值1,值2,值3);//声明一个包含3个元素的数组
4、访问数组
1、访问数组元素的方式
index:下标,索引 ...
数组名称[下标];
2、存 - 设置数组元素的值
数组名称[下标]=值;
注意:如果下标所对应的元素已经存在的话,那么就会实现覆盖
3、取值
数组名称[下标];
注意:访问数组中不存在的元素,结果为 undefined
4、获取数组的长度
数组长度:即数组中,元素的个数
语法:
数组名称.length;
可以通过 length 属性,循环遍历数组中的每一个元素