javascript基础-3

1 循环

    1.1  for循环

for(初始化语句;判断语句;自增或自减){
  循环体
}
/*
1、先执行初始化语句
2、再判断条件，如果成立（true）执行循环体，再自增或自减
3、再判断条件，如果成立（true），执行循环体，再自增或自减
......
当条件不成立时（false），跳出循环
*/

示例:打印1到5
var i = 0;
for(var i = 1; i <= 5; i++){
  console.log(i);
}

      1.2 while循环

while(循环条件){
  循环体；// 重复执行的代码
}

/* 
1、先判断条件，如果成立（true），执行循环体
2、再判断条件，如果成立（true），执行循环体
......
当条件不成立（false）时，此时跳出循环（执行循环之后的代码）
*/

示例

var i = 1;// 初始化语句
while (i <= 5) {
    console.log(i);// 循环体：重复执行的代码
    i++;// 自增
}
console.log('我是循环体之后的代码');

     

    1.3  跳出循环 

      break： 如果循环遇到了break，就立刻跳出整个循环，循环结束。执行循环之后的代码

      continue： 如果循环遇到了continue，就立刻跳出本次循环，继续执行下一次循环。

for(var i = 1; i <=10; i++) {
  if(i == 5){
    continue;
  }
  if(i == 7){
    break;
  }
  console.log(i);
}

 

2 数组

     2.1 定义 

          就是有序的值的集合

     2.2 数组创建

       2.2.1 字面量创建

var arr = []; // 创建了一个空数组（没有数据的数组）
var arr = ['张飞','赵云','关羽','刘备','吕布']; // 创建了存了数据的数组
var arr = [123];// 创建了一个存了123这个数据的数组
console.log(arr);

      2.2.2 构造函数的方法

var arr = new Array(); // 创建了一个空数组（没有数据的数组）
var arr = new Array('张飞','赵云','关羽','刘备','吕布'); // 创建了存了数据的数组
//------------------有一个坑
var arr = new Array(123);// 创建了一个数组，并且占了123个位置，浪费空间
console.log(arr);

    2.3 数组的长度与下标

           通过arr.length属性，可以获取数据的长度

var arr = ["刘备","关羽","张飞"];
console.log(arr.length);// 3

           数组中的每一项，都有一个唯一的下标与之对应

            

数组下标从0开始
数组下标的最大值：`arr.length-1`

    2.4 数组的存值与取值

          2.4.1 存值

// 语法: 数组名[下标]
// 1、 如果下标存在, 返回具体的值
// 2、 如果下标不存在, 返回 undefined

var arr = ['刘备', '关羽', '张飞'];
console.log(arr[2]);// 有下标，返回具体的值
console.log(arr[100]);  // 没有这一项, 返回undefined

console.log(arr[arr.length]);  // 没有这一项，返回undefined
console.log(arr[arr.length-1]);  // 返回数组中最后一个值

         2.4.2 存值

// 语法: 数组名[下标] = "新的值";
// 1、 如果下标存在, 直接用新的值覆盖（改值）
// 2、 如果下标不存在, 会新建一项（存值）
var arr = ['刘备', '关羽', '张飞'];
arr[0] = '诸葛亮';// 把数组中的 下标0 项覆盖掉
arr[1] = '赵云';// 把数组中的 下标1 项覆盖掉
arr[100] = '吕布';  // 可以存值，但是一般不会（浪费空间）

arr[arr.length] = '曹操';// 在数组的最后添加一项（推荐！！）

         2.4.3 数组中添加元素

arr[arr.length] = 值;
或者arr.push(值);

     2.5 数组的遍历

for(var i = 0; i <= arr.length-1; i++) {// 下标从0~arr.length-1
	console.log(arr[i])；
}
// --------------------------可以优化写法
for(var i = 0; i < arr.length; i++) { // 下标从0~arr.length-1(因为只是小于号，不能取到arr.length)
	console.log(arr[i])；
}
// -----------------------------倒序遍历
// 倒序遍历：从最后一项开始，访问到第一项
//          arr.length-1       0 
for ( var i = arr.length-1 ; i >= 0 ; i-- ) {
    console.log( arr[i] );
}