[TOC]
## 5.1 if
~~~
if语句中()的值,接收boolean类型,如果不是boolean,会强转为boolean
var age = 20;
if(age){
// alert("能上网")
}
var test = document.getElementsByClassName("test")[0];
console.log(test);
if(test){
test.style.color="red"
}else{
console.log("test没有被获取")
}
~~~
## 5.2 if else
~~~
if(age>=22){
alert("可以结婚")
}else{
alert("不行")
}
~~~
## 5.3 if else 多条件
~~~
&&,||,!
结果返回boolean值
&& 两边都为true,结果为true
|| 只要一遍为true,结果为true
!-->取反
var a = 10;
var b = 20;
var c = 30;
var d = 40;
console.log(a<b && c>d);
console.log(a<b && c<d);
console.log(a<b || c>d);
console.log(!(a>b))
~~~
## 5.4 while
~~~
while()只要小括号里的条件为真,就会一直输出
/* 输出0~3 */
var a =0;
while(a<=3){
alert(a);
a++;
}
~~~
## 5.5 for
~~~
for(stateOne;stateTwo;stateThree){
console
}
第一次 stateOne-->stateTwo-->console
之后 stateThree-->stateTwo-->console
// for(var i=0;i<=2;i++){
// console.log(i);
// }
// console.log(i);
/* 0-10 */
/* 1-7 */
/* 0-10 之间的偶数 */
/* 0-10 之间的奇数 */
for(var i=0;i<=10;i++){
if(i%2==0){
console.log(i);
}
}
for(var i=0;i<=10;i++){
if(i%2==1){
console.log(i);
}
}
~~~
### 5.5.1 for求sum
~~~
/* 1-10的和 */
var sum = 0;
for (let i = 1; i <= 10; i++) {
sum += i;
}
// console.log(sum);
//获得数组中最大的值
~~~
### 5.5.2 for 数组输出
~~~
var arr = [22, 12, 11, 44, 66];
var max = arr[0];
for (let i = 1; i < arr.length; i++) {
if (max < arr[i]) {
max = arr[i];
}
}
// console.log(max);
var arr_two = [22,33,1,44];
/* 对数组遍历,每一项*2 */
for(let i=0;i<arr_two.length;i++ ){
console.log(arr_two[i]*2);
}
~~~
### 5.5.3 for in
~~~
var obj = {
name:"cheng",
age:18,
sex:"male"
}
var arr = [1,2,34,5];
// 如果对象的属性值是变量,只能用[]的方式读取属性值
for(let key in obj){
// console.log(obj[key]);
}
for(let key in arr){
// console.log(key);
// console.log(arr[key])
}
/* of */
for(let value of arr){
console.log(value);
}
~~~
## 5.6 break
~~~
// 满足条件,跳出循环
for(var i=0;i<5;i++){
if(i==3){
break;
}
console.log(i); //0,1,2
}
~~~
## 5.7 continue
~~~
/* continue结束本次循环,继续开始下一次 */
for(let i=0;i<5;i++){
if(i==3){continue};
console.log(i); //0,1,2,4
}
~~~
## 5.10 switch
~~~
var a=1;
switch(a){
case 1:
console.log("1");
break;
case 2:
console.log("2");
break;
default:
console.log("3");
}
~~~
- 效果实例
- 1.点击增加高度
- 2.tab页面切换
- 3. 列表切换
- 4. 隔行变色
- 5. swiper 轮播
- 6.vue
- 7.定时器
- 8. 向表格中添加数据
- 9 瀑布流
- 1.JavaScript基础
- 1. 变量
- 2. 调试
- 3.数据类型
- 4.转换
- 5.控制语句
- 6.运算
- 7. this
- 8 JSON对象和javascript对象的相互转换
- 2.JavaScript的控制语句
- 1. 基本控制语句
- 2.节点
- 2.1DOM补充
- 3. 函数
- js的模块化如何解决
- 不知道有什么用的
- 4.数组
- 5. String
- 补充
- 6.Ajax
- 1. 原生Ajax
- 2. HTTP/get/post
- 3.jQuery-Ajax
- 4.跨域
- 5.axios
- 6.封装
- Ajax效果
- ajax补充
- 7. 正则
- 1.创建正则表达式
- 2. 正则的api
- 3.正则语法
- 4.例子
- 量词
- 8.面向对象
- 1.原型
- ES6
- 模块化
- 1.回调地狱
- 什么是回调地狱
- 简单封装
- promise解决回调地狱
- generator解决回调地狱
- async解决回调地狱
- 2.封装
- Ajax,promise
- JavaScript难点
- 1. 闭包/作用域
- 2.原型链
- 3. 兼容性
- 适配
- JavaScript小效果
- 字符串截取