# JavaScript 入门 Day 7 **Published by:** [aow](https://paragraph.com/@ashonthewall/) **Published on:** 2022-03-23 **URL:** https://paragraph.com/@ashonthewall/javascript-day-7 ## Content 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转换成intergerfunction 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 ## Publication Information - [aow](https://paragraph.com/@ashonthewall/): Publication homepage - [All Posts](https://paragraph.com/@ashonthewall/): More posts from this publication - [RSS Feed](https://api.paragraph.com/blogs/rss/@ashonthewall): Subscribe to updates