1.变量
变量的使用与赋值
<script>
var unit, room; // 声明变量
unit = 3; // 为变量赋值
room = 1001; // 为变量赋值
var fname = 'Tom', age = 12; // 声明变量的同时赋值
</script>
<script>
flag = false; // 声明变量flag并为其赋值false
a = 1, b = 2; // 声明变量a和b并分别为其赋值为1和2
</script>
<script>
var r = 6;
const PI = 3.14;
const P = 2 * PI * r;
console.log('P=' + P); // 输出结果:P=37.68
</script>
2.数据类型
布尔型:
var f=true;//为f赋一个值布尔型的值true;
var d=false;//为d赋一个值布尔型的值false;
数值型:
<script>
var oct = 032; // 八进制数表示的26
var dec = 26; // 十进制数26
var hex = 0x1a; // 十六进制数表示的26
var fnum1 = 7.26; // 标准格式
var fnum2 = -6.24; // 标准格式
var fnum3 = 3.14E6; // 科学计数法格式3.14*10^6
var fnum4 = 8.96E-3; // 科学计数法格式8.96*10^-3
</script>
字符型:
程序中的字符型数据包含在单引号’’ 或者双引号"" 里
<script>
var slogan = 'Knowledge'; // 单引号,存放一个单词
var str = "the sky is blue."; // 双引号,存放一个句子
var color = '"red"blue'; // 单引号中包含双引号
var food = "'pizza'bread"; // 双引号中包含单引号
var num = '', total = ""; // 定义空字符串
</script>
typeof 操作符:
返回数据类型
<script>
var num1 = 12, num2 = '34', sum = 0; // 声明变量并赋值
sum = num1 + num2; // 变量进行相加运算
console.log(sum); // 输出结果:1234
</script>
<script>
console.log(typeof num1); // 输出结果:number
console.log(typeof num2); // 输出结果:string
console.log(typeof sum); // 输出结果:string
</script>
转布尔型:
<script>
var con = prompt(); // 保存用户的输出内容
if (Boolean(con)) {
document.write('已输入内容');
} else {
document.write('无输入内容');
}
console.log(Boolean(con)); // 用户单击“取消”按钮,则结果为false
console.log(Boolean(con)); // 用户未输入,单击“确定”按钮,则结果为false
console.log(Boolean(con)); // 用户输入“哈哈”,单击“确定”按钮,则结果为true
</script>
转数值型:
<script>
// 获取用户的输入,完成自动求和
var num1 = prompt('请输入求和的第1个数据:'); // 假设当前用户输入:123abc
var num2 = prompt('请输入求和的第2个数据:'); // 假设当前用户输入:456
// 未处理,直接进行相加运算
console.log(num1 + num2); // 输出结果:123abc456
console.log(parseInt(num1) + parseInt(num2)); // 输出结果:579
</script>
转字符型:
<script>
var num1 = num2 = num3 = 4, num4 = 26;
console.log(String(12)); // 输出结果:12
console.log(num1 + num2 + num3.toString()); // 输出结果:84
console.log(num4.toString(2)); // 输出结果:11010
</script>
运算符:
算数运算符:
+ | 加 |
---|---|
- | 减 |
+ | 加 |
* | 乘 |
/ | 除 |
% | 求余 |
++ | 自增 |
- - | 自减 |
字符串运算符:
<script>
var color = 'blue';
var str = 'The sky is '+color;
var tel = 110 + '120';
console.log(str); // 输出结果为:The sky is blue
console.log(tel); // 输出结果为:110120
console.log(typeof str, typeof tel); // 输出结果:string string
</script>
赋值运算符:
= | 赋值 |
---|---|
+= | 加并赋值 |
-= | 减并赋值 |
*= | 乘并赋值 |
/= | 除并赋值 |
% | 求余并赋值 |
比较运算符:
== | 等于 |
---|---|
!= | 不等于 |
=== | 全等 |
> | 大于 |
>= | 大于等于 |
< | 小于 |
<= | 小于等于 |
***逻辑运算符:***、
&&与 并且
|| 或者
!非
三元运算符:
条件表达式?表达式1:表达式2
先求条件表达式的值,如果为true,则返回表达式1的结果。如果条件表达式为false,则返回表达式2的执行结果。
<script>
var age = prompt('请输入需要判断的年龄:');
var status = age >= 18 ? '已成年' : '未成年';
console.log(status);
</script>
流程控制语句:
选择结构语句:
if语句:
if(判断条件){
代码块
}
<script>
var age = 0;
if (age >= 18) {
console.log('已成年');
}
</script>
if else 语句:
if(判断条件){
执行语句1
…
}else{
执行语句2
…
}
<script>
var age = 0;
if (age >= 18) {
console.log('已成年');
} else {
console.log('未成年');
}
</script>
if else if els语句:
if(判断条件1){
执行语句1
…
}else if(判断条件2){
执行语句2
…
}else{
执行语句3
}
<script>
var score = 0;
if (score >= 90) {
console.log('优秀');
} else if (score >= 80){
console.log('良好');
} else if (score >= 70){
console.log('中等');
} else if (score >= 60){
console.log('及格');
} else {
console.log('不及格');
}
</script>
switch case语句:
<script>
var score = 0;
switch ( parseInt(score/10) ) {
case 10: // 90~100为优
case 9: console.log('优'); break;
case 8: console.log('良'); break;
default: console.log('差');
}
</script>
循环语句:
do while循环语句:
<script>
var num = 1;
while (num <= 100) {
console.log(num);
num++;
}
</script>
for循环语句:
for(初始化表达式;循环条件;操作表达式){
执行语句…
}
<script>
// let关键字
for (let i = 0; i < 3; ++i) {
}
// 输出结果:i is not defined
console.log(i);
// var关键字
for (var i = 0; i < 3; ++i) {
}
// 输出结果为:3
console.log(i);
</script>
跳转语句:
break语句:
结束整个循环
continue语句:
结束当前循环,继续下个循环。