161 lines
3.1 KiB
HTML
161 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>流程控制</title>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
|
||
|
||
</body>
|
||
<script>
|
||
|
||
// if(true) {
|
||
// if(){}
|
||
|
||
// console.log("true");
|
||
// } else if(){
|
||
// console.log(false);
|
||
// } else {
|
||
// console.log();
|
||
// }
|
||
|
||
// if (true) console.log("111");
|
||
// else console.log("111");
|
||
|
||
// 三元(目)运算
|
||
// true ? console.log("true") : console.log("false");
|
||
// 条件 ? 条件为true执行 : 条件为false执行;
|
||
|
||
// true ? 1==2 ? 'ddd' : '' : console.log("false");
|
||
|
||
// if (true) {
|
||
// if (1==2) {
|
||
// console.log("ddd");
|
||
// } else {
|
||
// console.log("");
|
||
// }
|
||
// } else {
|
||
// console.log("false");
|
||
// }
|
||
// var a = 45
|
||
// switch (a) {
|
||
// case 45:
|
||
|
||
// break;
|
||
// case 46:
|
||
|
||
// break;
|
||
// case 47:
|
||
|
||
// break;
|
||
|
||
// default:
|
||
// break;
|
||
// }
|
||
|
||
// 填坑 array(数组)
|
||
// 定义数组
|
||
// 2 次原始 次垃圾，基本上不用
|
||
// var a = new Array('刘兵', '张山','你好',12,true,null)
|
||
// console.log(a);
|
||
|
||
// 1 最xx
|
||
// var a = new Array();
|
||
// a[0] = "刘兵";
|
||
// a[1] = "张山";
|
||
// console.log(a);
|
||
|
||
// 3 常用的
|
||
// var a = ['刘兵', '张山','你好',12];
|
||
|
||
// var b = [1,2,4,5,6,8,2,1]
|
||
|
||
// var news = [];
|
||
// a.forEach(function(val,index,arr) {
|
||
// news.push(val)
|
||
// })
|
||
// b.forEach(function(val,index,arr) {
|
||
// news.push(val)
|
||
// })
|
||
// console.log(news);
|
||
|
||
// 上面的代码等于 ===> [ ...a, ...b ]
|
||
// push 方法
|
||
// 实际业务功能的场景：滚动加载数据
|
||
// console.log(a[0]);
|
||
// for (var i =0;i<a.length;i++) {
|
||
// console.log(a[i]);
|
||
// }
|
||
// 回调
|
||
// a.forEach(val => console.log(val))
|
||
// 通过下标（序号）0, ....
|
||
|
||
|
||
|
||
// for
|
||
// var i = 0;
|
||
// while (i<=10) {
|
||
// console.log(i);
|
||
// i++;
|
||
// }
|
||
|
||
// do {
|
||
// console.log(i);
|
||
// } while (i==0);
|
||
|
||
// for 循环实现99乘法表，简单很！！！
|
||
var result = ""
|
||
for (var i = 1;i<10;i++) {//1
|
||
for (var j = 1;j<=i;j++) { // 2
|
||
// result+= j + 'x' + i + '=' + i*j // 1x1=1
|
||
result+=`${j} x ${i} = ${i*j}; `
|
||
}
|
||
result+="<br/>"
|
||
}
|
||
|
||
document.write(result);
|
||
|
||
console.log(result);
|
||
|
||
// object
|
||
|
||
// var obj = new Object();
|
||
// obj.name = "刘兵";
|
||
// obj.age = 18;
|
||
// console.log(obj);
|
||
|
||
// var obj = new Object({ name: '刘兵', age: 18 });
|
||
// console.log(obj);
|
||
|
||
// json
|
||
var obj = {
|
||
name: '刘兵',
|
||
age: 18,
|
||
like: ['编程','骑车'],
|
||
xiushouji: function() {
|
||
console.log("我会修手机");
|
||
}
|
||
};
|
||
|
||
for (var key in obj) {
|
||
console.log(obj[key]);
|
||
}
|
||
|
||
// 封装js插件
|
||
|
||
// 万物皆对象
|
||
//
|
||
// obj.age = 22
|
||
// console.log(obj);
|
||
|
||
|
||
|
||
</script>
|
||
|
||
</html> |