“南大软院大神养成计划“_第十七天的学习“-优快云博客

本文详细介绍了JavaScript中的基本概念，包括自增自减操作符、比较操作符、逻辑操作符等，同时深入探讨了数组的使用方法及流程控制语句的应用。

一.自加一，自减一 ( ++和- -)

算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子
mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:

mynum = mynum + 1;//等同于mynum++
mynum = mynum - 1;//等同于mynum--

二.比较操作符

大于号">" 就是比较操作符
也就是说两个操作数通过比较操作符进行比较，得到值为真（true）和假(false)。
还有其他的操作符：
< 小于 > 大于 <= 小于等于 >= 大于或等于 == 等于！= 不等于
注意：写>=时 >和=必须紧挨着不能这样写：> =

三.逻辑与操作符
“&&”是并且的意思, 读法"b大于a"并且" b小于c "
“&&”是逻辑与操作符，只有“&&”两边值同时满足(同时为真)，整个表达式值才为真。
如果A为假，A && B为假，不会在执行B; 反之，如果A为真，要由 B 的值来决定 A && B 的值。

四.逻辑或操作符
"||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。
如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

五.逻辑非操作符
"!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。

六.操作符优先级
操作符之间的优先级（高到低）:

算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。
但是可以用()来改变优先级，（）的优先级最高。

七.数组
数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。

1.创建数组语法：
var myarray=new Array();
其中var myarry为保存数组的变量，myarry为数组名。
new　Ａrray();为创建一个新的空数组
我们创建数组的同时，还可以为数组指定长度，长度可任意指定。
var myarray= new Array(8); //创建数组，存储8个数据。
注意：
1.创建的新数组是空数组，没有值，如输出，则显示undefined。
2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

2.数组的表达方式：
第一步：创建数组var myarr=new Array();
第二步：给数组赋值
myarr[1]=" 张三";
myarr[2]=" 李四";
还有另外两种方法创建数组和赋值；
第一种方法：
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第二种方法：
var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）
只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。

3.数组属性length
如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。
语法：
myarray.length; //获得数组myarray的长度

注意：因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。如数组的长度是5，数组的上下限分别是0和4。

二维数组
一维数组，我们看成一组盒子，每个盒子只能放一个内容。
一维数组的表示: myarray[ ]

二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
二维数组的表示: myarray[ ][ ]

注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。

1. 二维数组的定义方法一
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array(); //再声明二维
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
}

2. 二维数组的定义方法二

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3. 赋值

myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。

说明: myarr[0][1] ,0 表示表的行，1表示表的列。

八.做判断（if语句）
if语句是基于条件成立才执行相应代码时使用的语句。

语法:

if(条件)
{ 条件成立时执行代码}
注意：if小写，大写字母（IF）会出错！

九.if...else语句

if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法:

if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

十.if..else嵌套语句

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法:

if(条件1)
{ 条件1成立时执行的代码}
else if(条件2)
{ 条件2成立时执行的代码}
...
else if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}

十一.Switch语句

当有很多种选项的时候，switch比if else使用更方便。

语法:

switch(表达式)
{
case值1:
执行代码块 1
break;
case值2:
执行代码块 2
break;
...
case值n:
执行代码块 n
break;
default:
与 case值1 、 case值2...case值n 不同时执行的代码
}

语法说明:
Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句

十二.for循环
循环语句，就是重复执行一段代码。

for语句结构：

for(初始化变量;循环条件;循环迭代)
{
循环语句
}

十三.while循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

while语句结构：

while(判断条件)
{
循环语句
}

十四.Do...while循环

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

do...while语句结构：

do
{
循环语句
}
while(判断条件)

十五.退出循环break
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{break;}
循环代码
}

当遇到特殊情况的时候，循环就会立即结束。

十六.继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语句结构：

for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{ continue; }
循环代码
}

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。
编程练习1：
<!DOCTYPE HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>数组</title>

<script type="text/javascript">

//创建数组

var myarr=["","","","","*"];

//显示数组长度
alert(myarr.length);

//将数组内容输出，完成达到的效果。

for(var i=0;i<5;i++)
{
document.write(myarr[i]+"<br /> <br />");

}

</script>

</head>

<body>

</body>

</html>
将显示：
*

**

***

****

*****

编程练习2：
<!DOCTYPE HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>流程控制语句</title>

<script type="text/javascript">

var infos = [

['小A','女',21,'大一'],

['小B','男',23,'大三'],

['小C','男',24,'大四'],

['小C','男',24,'大四'],

['小D','女',21,'大一'],

['小E','女',22,'大四'],

['小F','男',21,'大一'],

['小G','女',22,'大二'],

['小H','女',20,'大三'],

['小I','女',20,'大一'],

['小J','男',20,'大三']

];

document.write("大一的有 :"+"<br />");
for(var i = 0; i < infos.length; i++)
{
if(infos[i][3] === "大一" {

document.write(infos[i][0] + "<br />");
}

}

document.write("女生有 :"+"<br />");

for(var i = 0; i < infos.length; i++) {

if(infos[i][1] === "女" ) {

document.write(infos[i][0] + "<br />");
}

}
</script>

</head>

<body>

</body>

</html>

将显示：

大一的有 :
小A
小D
小F
小I
女生有 :
小A
小D
小E
小G
小H
小I

今天学习的内容都是比较的基础，并且与C语言比较的相似，所以学起来并不是很难，而且也很容易记住。

不过还是与C语言有一点的不同，比如二维数组的定义，类型的定义等。

期待后面的学习。

“南大软院大神养成计划“_第十七天的学习“

一.自加一，自减一 ( ++和- -)

算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子 mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:

mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--

二.比较操作符

四.逻辑或操作符 "||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。 如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

五.逻辑非操作符 "!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。

六.操作符优先级 操作符之间的优先级（高到低）:

算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

如果同级的运算是按从左到右次序进行,多层括号由里向外。 但是可以用()来改变优先级，（）的优先级最高。

七.数组 数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。

2.数组的表达方式： 第一步：创建数组var myarr=new Array(); 第二步：给数组赋值 myarr[1]=" 张三"; myarr[2]=" 李四"; 还有另外两种方法创建数组和赋值； 第一种方法： var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第二种方法： var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等） 只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。

3.数组属性length 如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。 语法： myarray.length; //获得数组myarray的长度

注意：因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。如数组的长度是5，数组的上下限分别是0和4。

二维数组 一维数组，我们看成一组盒子，每个盒子只能放一个内容。 一维数组的表示: myarray[ ]

二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。 二维数组的表示: myarray[ ][ ]

注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。

1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j } }

2. 二维数组的定义方法二

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3. 赋值

myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。

说明: myarr[0][1] ,0 表示表的行，1表示表的列。

八.做判断（if语句） if语句是基于条件成立才执行相应代码时使用的语句。

语法:

if(条件) { 条件成立时执行代码} 注意：if小写，大写字母（IF）会出错！

九.if...else语句

if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法:

if(条件) { 条件成立时执行的代码} else {条件不成立时执行的代码}

十.if..else嵌套语句

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法:

if(条件1) { 条件1成立时执行的代码} else if(条件2) { 条件2成立时执行的代码} ... else if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}

十一.Switch语句

当有很多种选项的时候，switch比if else使用更方便。

语法:

switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }

语法说明: Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句

十二.for循环 循环语句，就是重复执行一段代码。

for语句结构：

for(初始化变量;循环条件;循环迭代) { 循环语句 }

十三.while循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

while语句结构：

while(判断条件) { 循环语句 }

十四.Do...while循环

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

do...while语句结构：

do { 循环语句 } while(判断条件)

十五.退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 }

当遇到特殊情况的时候，循环就会立即结束。

十六.继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语句结构：

for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 }

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。 编程练习1： <!DOCTYPE HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>数组</title>

<script type="text/javascript"> //创建数组 var myarr=["*","**","***","****","*****"]; //显示数组长度 alert(myarr.length);

//将数组内容输出，完成达到的效果。

for(var i=0;i<5;i++) { document.write(myarr[i]+"<br /> <br />");

}

</script>

</head>

<body>

</body>

</html> 将显示： *

**

***

****

*****

编程练习2： <!DOCTYPE HTML>

算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子
mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:

mynum = mynum + 1;//等同于mynum++
mynum = mynum - 1;//等同于mynum--

四.逻辑或操作符
"||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。
如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

五.逻辑非操作符
"!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。

六.操作符优先级
操作符之间的优先级（高到低）:

如果同级的运算是按从左到右次序进行,多层括号由里向外。
但是可以用()来改变优先级，（）的优先级最高。

七.数组
数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。

2.数组的表达方式：
第一步：创建数组var myarr=new Array();
第二步：给数组赋值
myarr[1]=" 张三";
myarr[2]=" 李四";
还有另外两种方法创建数组和赋值；
第一种方法：
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第二种方法：
var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）
只需使用下一个未用的索引，任何时刻可以不断向数组增加新元素。

3.数组属性length
如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。
语法：
myarray.length; //获得数组myarray的长度

二维数组
一维数组，我们看成一组盒子，每个盒子只能放一个内容。
一维数组的表示: myarray[ ]

二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
二维数组的表示: myarray[ ][ ]

1. 二维数组的定义方法一
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j
}
}

八.做判断（if语句）
if语句是基于条件成立才执行相应代码时使用的语句。

if(条件)
{ 条件成立时执行代码}
注意：if小写，大写字母（IF）会出错！

if(条件)
{ 条件成立时执行的代码}
else
{条件不成立时执行的代码}

if(条件1)
{ 条件1成立时执行的代码}
else if(条件2)
{ 条件2成立时执行的代码}
...
else if(条件n)
{ 条件n成立时执行的代码}
else
{ 条件1、2至n不成立时执行的代码}

switch(表达式)
{
case值1:
执行代码块 1
break;
case值2:
执行代码块 2
break;
...
case值n:
执行代码块 n
break;
default:
与 case值1 、 case值2...case值n 不同时执行的代码
}

语法说明:
Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

十二.for循环
循环语句，就是重复执行一段代码。

for(初始化变量;循环条件;循环迭代)
{
循环语句
}

while(判断条件)
{
循环语句
}

do
{
循环语句
}
while(判断条件)

十五.退出循环break
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{break;}
循环代码
}

for(初始条件;判断条件;循环后条件值更新)
{
if(特殊情况)
{ continue; }
循环代码
}

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。
编程练习1：
<!DOCTYPE HTML>

<script type="text/javascript">

//创建数组

var myarr=["","","","","*"];

//显示数组长度
alert(myarr.length);

for(var i=0;i<5;i++)
{
document.write(myarr[i]+"<br /> <br />");

</html>
将显示：
*

编程练习2：
<!DOCTYPE HTML>

document.write("大一的有 :"+"<br />");
for(var i = 0; i < infos.length; i++)
{
if(infos[i][3] === "大一" {

document.write(infos[i][0] + "<br />");
}

for(var i = 0; i < infos.length; i++) {

if(infos[i][1] === "女" ) {

document.write(infos[i][0] + "<br />");
}

}
</script>

大一的有 :
小A
小D
小F
小I
女生有 :
小A
小D
小E
小G
小H
小I