Java Script 常用语句

控制语句输出

• 断点

  1、直接在浏览器中添加断点
  2、或者在编辑器中在语句之后添加debugger

顺序结构：从上往下顺序执行语句

var name = '小明';
var address;
var money = 1000000;
    address = '深圳';
console.log(name + '到达' + address + '带着现金：' + money);

分支结构

• if else语句

  • 括号里面放的是条件
  • 当判断结果为true时，执行该条语句，否则执行另一条语句
  • 多种分支if (else if) else

//划分年龄层
var age = window.promt('请输入年龄');
if ( age >0 && age <= 17 ) {
     document.write('未成年人');
} else if ( age <= 40) {
     document.write('青年人');
}else if ( age <= 65) {
     document.write('中年人');
}else if ( age <= 99) {
     document.write('老年人');
}else {
     document.write('你不是人');
}

• switch语句

  • 括号里面放的是变量，case后面才是条件
  • 每一个case语句执行完之后都要用break来终止循环
  • default：以上条件不符合就默认执行这句

//坐电梯一楼到四楼
var num = window.promt('请输入楼层数');
switch (num) {
   case '1' :
     document.write('这是一楼');
     break;
}
   case '2' :
     document.write('这是二楼');
     break;
}
   case '3' :
     document.write('这是三楼');
     break;
}
   default :
     document.write('这是四楼');
}

循环结构

• for循环

//输出1加到5的结果
var sum = 0;
for( var i = 0; i <= 5; i++) {
   sum += i;
}
  document.write('1加到5 的结果为：' + sum);

• 执行顺序

  1、第一步先执行var i = 0
  2、第二步进行比较结果为true，往下执行
  3、第三步执行sum += i
  4、第四步i++
  5、重复2、3、4 直到i<=5结果为false时跳出循环进行打印

• 数组遍历

        var arr = [0, 2, 5, 9, 4, 6, 70];
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]); // 把数组遍历出来
        }

• break：停止（退出）循环

for (var i = 0; i <= 5; i++) {
            if (i == 2) {
                break;
            }
        document.write(i); // 输出结果为0、1
        }

• continue：跳过本次循环进行下一次循环

for (var i = 0; i <= 5; i++) {
            if (i == 2) {
                continue;
            }
        document.write(i); // 输出结果为0、1、3、4、5
        }

• 模板字符串

  • 用反引号把内容拼接起来

//输出我是小明，来自北京
        var name = '小明';
        var address = '北京';
        var talk = `我是：${name}，来自：${address}`;
        document.write(talk);

• 获取节点

  • document.querySelector('');
  • 为id时，('#id名')
  • 为class时，('.class名')