JavaScript 入门 Day 7

JS基础的最后一课！

Iterate with JavaScript While Loops

loop是所有语言里都非常重要好用的一个概念，先来了解while loop。

const ourArray = [];
let i = 0;

while (i < 5) {
  ourArray.push(i);
  i++;
}

计算机会反复执行然后回去验证直到while后面的条件不再满足。

比如上面的代码就是从0到4添加到array中。

如果要倒序添加呢？

const myArray = [];
let i = 5;

while (i >= 0){
  myArray.push(i);
  i --;
}

Iterate with JavaScript For Loops

For loops更简洁，不需要额外设定i=多少多少了，直接在loop中规定。

const myArray = [];

for (let i = 1; i <= 5; i ++){
  myArray.push(i);
}

非常简洁美丽。

Iterate Odd Numbers With a For Loop

Count Backwards With a For Loop

奇数偶数的话，只需要把 ++变成 +=2即可/或者-=2。

const myArray = [];

for (let i = 1; i < 10; i += 2) {
  myArray.push(i);
}

Iterate Through an Array with a For Loop

如果给你一个myArr = [2, 3, 4, 5, 6]; 怎么把里面所有的数字加起来？

用for loop很容易做到。

先设定一个variable = 0，然后一一遍历myArr中所有数字，每次都把碰到的数字加上去。这个myArr里有5个数字，如果碰到其它长度的array怎么办？没关系，我们只需要把 i < arr.length即可，任何长度都可以解决。

const myArr = [2, 3, 4, 5, 6];

let total = 0;
for (let i = 0; i < myArr.length; i ++) {
  total += myArr[i];
}

Nesting For Loops

稍微有点烧脑，类似矩阵。我们之前说过，用array[i][j][z]这样的形式，能够取到任何复杂array到任何一个data。这里也是一样的道理。相当于我们在run arr[i]的基础上，再用loop run arr[i][j]，loop上叠loop，就能让计算机遍历所有的数字。如果是三层loop呢？那就for loop三层，像盗梦空间一样。

function multiplyAll(arr) {
  var product = 1;
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
      product *= arr[i][j];
    }
  }
  return product;
}

Iterate with JavaScript Do...While Loops

另外一个有意思的loop结构，

do {

……..

} while ( …);

意思和while loop一样，不同点在于，无论while (..) 里面对条件满不满足，do … while loop的结构保证了do{..}里面的代码起码会跑一次。

const myArray = [];
let i = 10;

do {
  myArray.push(i);
  i ++;
} while (i < 10);

这里的i=10一开始就不符合 i < 10的条件了，但myArray还是会包含10，因为代码已经跑了一次。

Replace Loops using Recursion

除了loop，我们还可以用recursion这个方法套娃。

类似于f(n) = f(n-1)*f(n-2)这样的方程式，我们数学里很熟悉了吧。但在程序里，需要设立一个中止点，比如(0>=0);之类的，不然计算机会无限运行下去。

function sum(arr, n) {
  if(n <= 0) {
    return 0;
  } else {
    return sum(arr, n - 1) + arr[n - 1];
  }
}

Profile Lookup

很好的练习，接近解决实际问题，建议复习下上面的nesting for loop这个知识点。

Generate Random Fractions with JavaScript

Generate Random Whole Numbers with JavaScript

Generate Random Whole Numbers within a Range

Math.random( )生成 [0,1)的随机数。

用*来扩大范围。

用Math.floor( )包住来取整。

function randomWholeNum() {

  return Math.floor(Math.random() * 10);
}

如果不是从0开始，用这个乘数

Math.floor(Math.random() * (max - min + 1)) + min

Use the parseInt Function

Use the parseInt Function with a Radix

parseInt( )的功能，就是把string转换成interger

function convertToInteger(str) {
  return parseInt(str);
}

parseInt( )里面再加一个radix的parameter，就可以轻松完成数字进制的转换.

function convertToInteger(str) {
  return parseInt(str, 2);
}

convertToInteger("10011");

上面这个parseInt(str,2)中的2就是告诉计算机这个str是二进制的一个数，输出一个转化成十进制的integer。

Use the Conditional (Ternary) Operator

一行简写版的if statement

学会了确实很好用，基本结构: a ? b : c

a是condition

b是true的输出

c是false的输出

function checkEqual(a, b) {
  return a === b ? "Equal" : "Not Equal";
}

对于小白来说，适用于很简单的if statement，复杂的，咱还是规规矩矩把基本的用会了再来耍酷。

Use Multiple Conditional (Ternary) Operators

复杂的来了。

把else, else if什么的统统换成 : 来代替。

function checkSign(num) {
  return num > 0 ? "positive"
    : num < 0 ? "negative"
    :  "zero";
}

Use Recursion to Create a Countdown

这个练习回顾了recursion。

//注意，push是加在末尾的，练习的要求是加在开头，用什么呢？之前有讲过。

function countdown(n){
  if (n < 1){
    return [];
  } else {
    let countArray = countdown(n - 1);
    countArray.unshift(n);
    return countArray;
  }
}

Use Recursion to Create a Range of Numbers

更进一步的练习。

道理是一样的，把n换成endNum, n-1换成endNum -1 就可以了。

function rangeOfNumbers(startNum, endNum) {
  if (startNum === endNum) {
    return [startNum];
  } else {
    let number = rangeOfNumbers(startNum, endNum - 1);
    number.push(endNum);
    return number;
  }
};

好了，JS基础知识就全部学完了，我们用了7天，对于小白来说还是可以的。希望小伙伴们好好巩固，常加复习～

有什么问题，可以找我留言

这里和这里可以找到我

https://discord.gg/madnfts

https://discord.gg/Z25p8gkZWx

aow

JavaScript 入门 Day 7

aow