1、变量
1.1 变量声明
语法:
- var 变量名=值; 例如:var a=1;
1.2 基本类型
- 变量的基本类型又有Number、String、Boolean、Undefined、Null五种。
- 来声明一个数字Number类型,如下:
var a=1;
来声明一个字符串String类型。
你可以使用:
var a="1";
- 来声明一个布尔Boolean类型。
- 你可以使用:
var a=false;
- 在Java中,当一个变量未被初始化的时候,Java中是null或者基本数据类型的默认值。
- 在JavaScript中,当一个变量未被初始化的时候,它的值为undefined。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//在js中,变量的定义统一使用var
var num = 1;
console.log(num);
//获取num的数据类型 -- number
console.log(typeof num);
num = "abc";
console.log(num);
//获取num的数据类型 -- string
console.log(typeof num);
//变量可以被重新赋值不同类型的数据,变量类型会跟着改变
num = 1.1;
console.log(num);
console.log(typeof num);
var str;
console.log(typeof str);
</script>
</head>
<body>
</body>
</html>
2、 运算符
名称 | 运算符 |
---|---|
等于 | == |
小于 | < |
小于或等于 | <= |
大于 | > |
大于或等于 | >= |
不等于 | != |
值和类型相同 | === |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var num = 5;
console.log(num+2);//7
console.log(num-2);//3
console.log(num*2);//10
console.log(num/2);//2.5
console.log(num%2);//1
console.log("------------------");
//在js中string类型的数据与number类型的数据进行运算,"+"会拼接,其他运算符会直接运算。
var str = "5";
console.log(str+2);
console.log(str-2);
console.log(str*2);
console.log(str/2);
console.log(str%2);
console.log("------------------");
//==代表比较内容不比较类型
//===既比较内容又比较类型
console.log(num == str);
console.log(num === str);
</script>
</head>
<body>
</body>
</html>
3、分支结构
- if-else:
- switch
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>04_分支语句</title>
<script>
//true:非0的数值,非string的数据类型
//false:0,“”,undefinded,NaN
if(NaN){
console.log('true')
}else {
console.log('false')
}
console.log("-------------------------")
//java:int,String,枚举,byyte,short,char
//js:number,string,null,undefinded,boolean
var a='a'
switch (a) {
case 'a':
console.log("第一个case");
break;
case 'b':
console.log("第二个case");
break;
case null:
console.log("第三个case");
break;
case undefined:
console.log("第四个case");
break;
case true:
console.log("第5个case");
break;
case false:
console.log("第6个case");
break;
default:
console.log("default");
break;
}
</script>
</head>
<body>
</body>
</html>
4、循环结构
- for循环
- while循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// for(var i = 0;i < 10;i++){
// console.log(i);
// }
/*while(true){
console.log(10);
}*/
//1.打印1-100之间的奇数
var sum=0;
for (var i=1;i<=100;i++){
if (i%2==1){
sum+=i;
}
}
document.write('1-100的奇数和:',sum)
document.write("<br>")
//2.打印图形
/*
*
* *
* * *
*/
for (var i=0;i<9;i++){
for (var j=1;j<=i;j++){
document.write("*")
}
document.write("<br>")
}
document.write("----------------")
//3.九九乘法表
for (var i=0;i<=9;i++){
for (var j=1;j<=i;j++){
sum = i*j
document.write(j,"x",i,'=',sum,"\t")
}
document.write("<br>")
}
document.write("----------------")
document.write("<br>")
//4.每个月存1000,多久当千万富翁
var money=1000;
var month=1;
while (money<=10000000){
money+=1000;
month++;
}
document.write(month/12,'年')
document.write("<br>")
//5.每个月存1000,下个月比上个月多存500,多久成为千万富翁
var month=0;
var money=0;
var addmoney=1000;
while (money<=10000000){
money+=addmoney;
month++;
addmoney=addmoney+500;
}
document.write(month/12,'年')
</script>
</head>
<body>
</body>
</html>
效果:
5、函数
- js函数定义,使用关键字function
- js函数不存在重载,只有覆盖
语法:
- function 函数名(参数列表){ 方法体 }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/**
* js函数定义,使用关键字function
* js函数不存在重载,只有覆盖
* @param a
* @param b
* @returns {*}
*/
function add(a,b) {
document.write("第1个add方法:")
return a+b
}
// var sum=add(1,2)
// document.write('sum=',sum)
function add(a,b,c) {
document.write("第2个add方法:")
return a+b+c
}
// //js函数不存在重载,只有覆盖
// var sum=add(1,2,4)
// document.write('sum=',sum)
//可变参数列表
function add() {
var sum=0;
//for in
for (var i=0;i<arguments.length;i++){
sum+=arguments[i];
}
console.log("sum=",sum)
}
add(1,2,3)
add(1,2,3,4,5,6,7,8,9)
</script>
</head>
<body>
</body>
</html>
6、数组
数组就是和我们之前理解的数组概念一致,而在JavaScript中成为Array类型。
我们说JSON可以标记一个对象,那么它同样可以标记一个数组,就是Java基础时我们学过的JSONArray。
var a=[1,2,3,4];
上述代码,我们说a是一个数组,在a中角标为0的元素是1。可以说这很简单。
接下来我们来尝试把之前的JSON放入数组中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// var nums=[1,2,3,4,5];
// nums[5]=10;
// for (var i = 0; i < nums.length; i++) {
// document.write(nums[i])
// document.write("<br>")
// }
//
// delete nums[5];
// document.write(nums);
//二位数组
var array=[[1,2,3],[4,5,6],[7,8,9]];
for (var i=0;i<array.length;i++){
document.write(array[i])
document.write("<br>")
for (var j=0;j<array[i].length;j++){
document.write(array[i][j])
document.write("<br>")
}
}
</script>
</head>
<body>
</body>
</html>