学好JavaScript，让自己成为前端的猴赛雷大佬！

Posted 2021-06-03 IT_Holmes

文章目录

• 1.流程控制
• 2.JS中的数组
• 3.获取数组中的元素
• 4.遍历数组
• 5.数组求和

1.流程控制

顺序结构：从上到下执行的代码就是顺序结构。
程序默认就是由上到下顺序执行的。
分支结构：根据不同的情况及判断，执行对应代码。
循环结构：重复执行一段代码。

这里包括了一下几种格式：

if语法：
if( true or false ){
}else if{
}else{
}

switch语法：
switch( 值 ){
case 值:
code;
break;
case 值2:
code1;
break;
default:
code2;
break;
}

循环语句只要condition成立就执行里面的代码。
while循环语句：
while(condition){
code;
}
while是先判断，再执行！

这里的do…while和while语句不同！！！
do…while语句是先执行一遍code，然后在条件判断！
do…while语句：
do{
code;
}while(循环条件);

for语句：
for(初始表达式; 判断表达式; 自增或自减运算){
code;
}

举例1：打印一个倒立三角形

		var s = '';
		for(var i=0;i<10;i++){
			for(var j=i;j<10;j++){
				s += "* "
			}
			s += "\\n"
		}
		console.log(s);

举例2：打印乘法口诀

		var s = '';
		for(var i=1;i<10;i++){
			for(var j=i;j<10;j++){
				s += i+' * '+j+'='+i*j+' ';
			}
			s+='\\n';
		}
		console.log(s);

跳出循环：
continue 和 break语句
1.break:while循环break是用于永久终止循环。即不执行本次循环中break后面的语句,直接跳出循环。
2.continue:while循环continue是用于终止本次循环。即本次循环中continue后面的代码不执行,进行下一次循环的入口判断。
在上面的语句中熟练的运用这两个语句！

2.JS中的数组

语法格式：

1.字面量方式创建的数组
var array = []; //空数组
var array2 = [1,‘A’,2,‘B’]
如果想打印array2数组，直接使用下面语句就可以：
console.log(array2);

2.声明构造函数方式创造数组
var array = new Array();//空数组
var array2 = new Array(1,‘A’,‘2’,‘B’);
获取数组长度，array2.length就可以了。

3.数组里面可以有数组，这样样的数组成为多维数组(二维数组、三维数组 …)
例如：
var a1 = [1,2,‘A’,‘B’];
var a2 = [1,2,a1,‘A’,‘B’];
console.log(a2);

3.获取数组中的元素

数组中的元素从0开始！！
多维数组获取的时候，只需要填好相应的元素标号就可以了。

4.遍历数组

遍历数组需要使用for循环或者while循环，并且熟练使用length来决定数组长度。
下面是一个while循环例子：

5.数组求和

和遍历一样，使用for循环。