一、实例演示 javascript 中的各种数据类型
基础类型(值类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined);
对象类型(引用类型):对象(Object)、数组(Array)、函数(Function)。
代码部分
<script>
//我是字符串
let a = 'abc';
console.log(a);
console.log(typeof a + ',变量a' + ':是字符串');
console.log('________________________');
// 我是数值
let b = 10;
console.log(b);
console.log(typeof b + ',变量b' + ':是数值');
console.log('________________________');
// 我是布尔值
let c = true;
let d = false;
console.log(c + ' 和 ' + d);
console.log(typeof c + '、' + typeof d + ',变量c和变量d' + ':是布尔值');
console.log('________________________');
// 我是未定义的
let e;
console.log(e);
console.log(typeof e + ',变量e' + ':是未定义默认值');
console.log('________________________');
// 我是空值
let f = null;
console.log(f);
console.log(typeof f + ',变量f' + ':是空值');
console.log('________________________');
// 我是数组
let g = ['苹果', '香蕉']
console.log(g);
console.log(g[0], g[1]);
console.log(typeof g + ',变量g' + ':是数组');
console.log('________________________');
// 我是对象
let h = {
姓名: "张三",
国籍: "中国",
年龄: 38,
}
console.log(h);
console.log('姓名:' + h.姓名 + '、' + '国籍:' + h.国籍 + '、' + '年龄:' + h.年龄 + '岁');
console.log(typeof h + ',变量h' + ':是对象');
console.log('________________________');
// 我是函数
function i(x, y) {
z = x + y;
return z;
}
i('PHP中文网,', '加油!')
console.log(z);
console.log(typeof i + ',变量i' + ':是函数');
</script>
浏览器效果
二、实例演示 javascript 中的常用语句
2.1 if语句
<script>
let i = 120;
if (i >= 100) {
console.log('大爷,你都100了,赶紧回家谢这区吧!');
}
</script>
2.2 if…else语句
<script>
let i = 45;
if (i >= 60) {
console.log('还不错及格了!');
} else {
console.log('考的啥玩意,及格线都没过!');
}
</script>
2.2 do…while语句
<script>
// 小明搬砖头
// 一天要搬2000块结束,用变量“s”表示
// 一趟搬10块 用常量“l”表示
// 问搬多少趟才能搬完?
// 趟数用变量“i”表示
let i = 0 ;
const l = 10;
do {
i ++;
s = i * l;
} while (s < 2000);
console.log(i);
</script>
2.3 while语句
<script>
let s = 0;
let i = 0;
const l = 10;
while (s < 2000) {
i++
s = l * i;
}
console.log(i);
</script>
2.4 for语句
<script>
const l = 10;
let s = 0;
for (i = 0; s < 2000; i++) {
console.log(i);
s = l * i;
}
</script>
2.5 for…of语句
可以通过:values(值)、keys(键)、entries(键和值)获取键名和键值。
<script>
let car = ['奥迪','奔驰','宝马']
for (let item of car) {
console.log(item);
}
</script>
2.6 for…in语句
<script>
// 我是数组
let car = ['奥迪', '奔驰', '宝马']
// 我是对象
let obj = {
苹果:8000,
华为:5000,
小米:3000,
}
for (let key in car) {
console.log(car[key]);
}
for (let key in obj) {
console.log(obj[key]);
}
</script>
2.7 for…in语句
<script>
let a = 90;
switch (true) {
case a < 60:
console.log("你好垃圾");
break;
case a >= 60 && a < 80:
console.log("成绩还行");
break;
case a >= 80 && a < 90:
console.log("成绩优秀");
break;
case a >= 90 && a < 100:
console.log("你是别人家的孩子");
break;
default:
console.log("你牛逼上天了");
}
</script>