1.数据类型
数据类型 1.原始类型:number(数值),string(字符串),Boolean; 2.引用类型:array,object,function;
演示如下
// 数值
console.log(1111);
// 字符串
console.log("文字");
// boolean
console.log(typeof true, typeof false);
// array
let a;
console.log(a);
// object
console.log(typeof null);
// undefined
console.log(typeof undefined);
let c = 4564646;
console.log(typeof c);
// 修改数据类型
c = "字符串";
console.log(typeof c);
// 2.引用类型
const arr = ["文字", 2222, 2000];
console.table(arr);
console.log(arr[0]);
console.log(arr[1]);
// 对象
const obj = {
name: "老王",
id: 1111,
price: 20000,
total: function () {
return this.name + "价格:" + this.id * this.price + "元";
},
};
console.log(obj.total());
2.分支和循环
// 分支与循环
console.log("---------------------------------------------");
// 单分支
y = 20;
if (y > 11) {
console.log("大了大了");
} else {
console.log("小了小了");
}
// 三元操作
let y2 = y > 11 ? true : false;
console.log(y2);
console.log("---------------------------------------------");
// 多分支
y = 10;
if (y > 10) {
console.log("大了大了");
} else if (y < 200 && y > 30) {
console.log("大于10");
} else if ((y = 10)) {
console.log("刚刚好");
} else {
console.log("查询失败!");
}
y = 30;
switch (true) {
case (y = 10):
console.log("等于10");
break;
case y < 10:
console.log("小于10");
break;
case y < 100 || y > 20:
console.log("大于20小于100");
break;
default:
console.log("未知");
}
console.log("-------------------------------------------------");
// 循环
const age = [111, 222, 333];
// 索引初始化
let i = 0;
// 循环条件
let length = age.length;
if (i < length) {
console.log(age[i]);
// 更新循环条件
i = i + 1;
}
if (i < length) {
console.log(age[i]);
i = i + 1;
}
if (i < length) {
console.log(age[i]);
i = i + 1;
} else {
console.log("结束");
}
console.log("--------------------------");
// while
i = 0;
// 入口判断
while (i < length) {
console.log(age[i]);
i++;
}
i = 0;
// 出口判断
do {
console.log(age[i]);
i++;
} while (i < length);
// for循环
for (i = 0; i < length; i++) {
console.log(age[i]);
}
for (const item of age) {
console.log(item);
}
// 对象
const ddd = {
a: 1,
b: 2,
c: function () {},
};
for (let key in ddd) {
console.log(ddd[key]);
}
</script>
</body>
</html>