10-2.for和for-in循环、排序、冒泡及函数参数

一. for 和 for in 循环

• 因为数组的索引就可以获取数组中的内容

• 数组的索引又是按照 0 ～ n 顺序排列

• 我们就可以使用 for 循环来循环数组，因为 for 循环我们也可以设置成 0 ～ n 顺序增加

• 我们把这个行为叫做 遍历

  var arr = [1, 2, 3, 4, 5]
  
  // 使用 for 循环遍历数组
  for (var i = 0; i < arr.length; i++) {
       
    console.log(arr[i])
  }
  
  // 会在控制台依次打印出 1， 2， 3， 4， 5
  

  • i < arr.length 因为 length 就是数组的长度，就是一个数字，所以我们可以直接用它来决定循环次数
  • console.log(arr[i]) 因为随着循环，i 的值会从 0 开始依次增加
  • 所以我们实际上就相当于在打印 arr[0] / arr[1] / …

• 因为 对象 是没有索引的，所以我们没有办法使用 for 循环来遍历

• 这里我们使用 for in 循环来遍历对象

• 先来看一段代码

  var obj = {
       
    name: 'Jack',
    age: 18
  }
  
  for (var key in obj) {
       
    console.log(key)
  }
  
  // 会在控制台打印两次内容，分别是 name 和 age
  

  • for in 循环的遍历是按照对象中有多少成员来决定了
  • 有多少成员，就会执行多少次
  • key 是我们自己定义的一个变量，就和 for 循环的时候我们定义的 i 一个道理
  • 在每次循环的过程中，key 就代表着对象中某一个成员的 属性名

二.数组的排序

• 排序，就是把一个乱序的数组，通过我们的处理，让他变成一个有序的数组
• 今天我们讲解两种方式来排序一个数组 冒泡排序 和 选择排序

2.1冒泡排序 —背下来

• 先遍历数组，让挨着的两个进行比较，如果前一个比后一个大，那么就把两个换个位置

• 数组遍历一遍以后，那么最后一个数字就是最大的那个了

• 然后进行第二遍的遍历，还是按照之前的规则，第二大的数字就会跑到倒数第二的位置

• 以此类推，最后就会按照顺序把数组排好了

  1. 我们先来准备一个乱序的数组

     var arr = [3, 1, 5, 6, 4, 9, 7, 2, 8]
     

     • 接下来我们就会用代码让数组排序

  2. 先不着急循环，先来看数组里面内容换个位置

     // 假定我现在要让数组中的第 0 项和第 1 项换个位置
     // 需要借助第三个变量
     var tmp = arr[0]
     arr[0] = arr[1]
     arr[1] = tmp
     

  3. 第一次遍历数组，把最大的放到最后面去

     for (var i = 0; i < arr.length; i++) {
            
       // 判断，如果数组中的当前一个比后一个大，那么两个交换一下位置
       if (arr[i] > arr[i + 1]) {
            
         var tmp = arr[i]