JavaScript 学习笔记(一)

for 循环

简单的 for 循环

for 循环用于进行重复的操作，比如计算 1 到 100 的和。

let result = 0;

for (let i = 0; i <= 100; i++) {
  result = result + i
}

for 循环的结构很清晰。括号内首先声明一个变量 i(这里 i 是约定俗成的变量名)，然后限定了 i 的取值范围。代码运行时，首先检查执行花括号中的循环体之后变量是否在限定范围内，如果为真，那么对变量执行指定的操作，即 i++。循环一直到变量不符合限定条件才停止。

实际运用中可能会需要用到可复用的循环结构，这时可以与函数结合进行使用。

for 循环与函数的结合

function getSum(start, end) {
  let result =0;
  
  for (let i = start; i <= end; i++) {
    result = result + i
  }
  return result;
}

console.log(getSum(1, 100)) // 1 到 100 的和
console.log(getSum(1, 1000)) // 1 到 1000 的和

上述代码可以计算任意数之间的和。在使用函数时传入相应的变量，然后在 for 循环中可以应用他。

但是如果我想要计算两个数之间所有偶数或者奇数的和，怎么办？

for 循环与 if 判断的结合

首先我们要理解，偶数就是一个数除以 2 之后余数是否为 0。那么只要加入判断当前变量是否为 0 就可以了。

function getSum(start, end) {
  let result = 0;
  
  for (let i = start; i <= end; i++) {
    if (i % 2 === 0) {
      result = result + i
    }
  }
  return result
}

类似的，如果要计算奇数的和，只要判断是否不等于 0 便可。但是写两个函数过于复杂，所以我们可以在函数再次引用一个参数。

function getSum(start, end, fn) {
  let result = 0;
  
  for (let i = start; i <= end; i++) {
    if (fn) {
      if (i % 2 === 0) {
        result = result + i
      }
    } else {
      if (i % 2 != 0) {
        result = result + i
      }
    }
  }
  return result;
}

但是这样写结构就十分繁杂，所以我们需要用到 && ，当两个条件用它连接是，它表示，前面执行完再执行后面。还有 ||，它表示，如果前面不行就执行后面。所以我们可以这样优化：

function getSum(start, end, fn) {
  let result = 0;
  
  for (let i = start; i <= end; i++) {
    if ((fn && i % 2 ===0) || (!fn && i % 2 != 0)) {
      result += i; // result = result + i
    }
  }
  return result
}

console.log(getSum(1, 10, true)) // 偶数
console.log(getSum(1, 10, false)) // 奇数