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...
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...
JavaScript 入门 Day 6
大概还有30个练习我们就能学完JS的基础知识了。 Build JavaScript Objects object是一个非常重要的概念,它很像array,不同点在于array里面装的data是通过排序(Index)来标注,比如myArray[0], myArray[8]等等,而object是通过命名来标注,比如 猫【名字:kitty,年龄:2,性别:公】这样子,更符合我们现实世界中对物品属性的标注。const cat = { "name": "Whiskers", "legs": 4, "tails": 1, "enemies": ["Water", "Dogs"] }; // object中的各种“标签”,比如上面的”name”, “legs”等,都是属于string,所以别忘了加 “ ”。 Accessing Object Properties with Dot Notation Accessing Object Properties with Bracket Notation access array中的data需要用[ ],而在object中,由于有了“标签”,可以用 .标...
JavaScript 入门 Day 6
大概还有30个练习我们就能学完JS的基础知识了。 Build JavaScript Objects object是一个非常重要的概念,它很像array,不同点在于array里面装的data是通过排序(Index)来标注,比如myArray[0], myArray[8]等等,而object是通过命名来标注,比如 猫【名字:kitty,年龄:2,性别:公】这样子,更符合我们现实世界中对物品属性的标注。const cat = { "name": "Whiskers", "legs": 4, "tails": 1, "enemies": ["Water", "Dogs"] }; // object中的各种“标签”,比如上面的”name”, “legs”等,都是属于string,所以别忘了加 “ ”。 Accessing Object Properties with Dot Notation Accessing Object Properties with Bracket Notation access array中的data需要用[ ],而在object中,由于有了“标签”,可以用 .标...
JavaScript 入门 Day 5
进度很快,基础部分应该很快就能学完了。 Stand in Line 这个练习举了个例子,通过function来实现array的一些传递。function nextInLine(arr, item) { arr.push(item); let removed = arr.shift(); return removed; } Understanding Boolean Values 另一个重要概念,boolean value。 boolean value是另外一种data type,只有两个值,true/false。 很简单,就像yes or no, 1 or 0一样。 这个二元概念也为之后的if, condition这种算法逻辑打下了基础。 Use Conditional Logic with If Statements If指令是condition logic的最基本形态。 If(巴拉巴拉=true){ return 很好,满足条件; } return 不满足; // { }里面是满足if条件的情况,{ }外面是不满足的情况。function trueOrFalse(wasTha...
JavaScript 入门 Day 5
进度很快,基础部分应该很快就能学完了。 Stand in Line 这个练习举了个例子,通过function来实现array的一些传递。function nextInLine(arr, item) { arr.push(item); let removed = arr.shift(); return removed; } Understanding Boolean Values 另一个重要概念,boolean value。 boolean value是另外一种data type,只有两个值,true/false。 很简单,就像yes or no, 1 or 0一样。 这个二元概念也为之后的if, condition这种算法逻辑打下了基础。 Use Conditional Logic with If Statements If指令是condition logic的最基本形态。 If(巴拉巴拉=true){ return 很好,满足条件; } return 不满足; // { }里面是满足if条件的情况,{ }外面是不满足的情况。function trueOrFalse(wasTha...
JavaScript 入门 Day 4
今天从学function开始。 Write Reusable JavaScript with Functions 之前说过varialbe类似一个装数据的盒子,那么,functions就是一个装算法步骤的盒子。 每次调用functions,等于按照function规定好的12345…这些步骤从头到尾来一遍。 所以,function是可以反复使用的。function reusableFunction(){ console.log("Hi World"); } 这个function里面有一个步骤,就是输出 “Hi World”这两个单词。 下次需要输出这两个单词的时候,只需要调用这个functionreusableFunction(); Passing Values to Functions with Arguments function的这个( )里面可以预留位置给parameters,这些parameters之后就可以直接带入到function的使用中了。 比如写一个简单的加法functionfunction sum(x,y){ console.log(x + y); } 这个s...
JavaScript 入门 Day 4
今天从学function开始。 Write Reusable JavaScript with Functions 之前说过varialbe类似一个装数据的盒子,那么,functions就是一个装算法步骤的盒子。 每次调用functions,等于按照function规定好的12345…这些步骤从头到尾来一遍。 所以,function是可以反复使用的。function reusableFunction(){ console.log("Hi World"); } 这个function里面有一个步骤,就是输出 “Hi World”这两个单词。 下次需要输出这两个单词的时候,只需要调用这个functionreusableFunction(); Passing Values to Functions with Arguments function的这个( )里面可以预留位置给parameters,这些parameters之后就可以直接带入到function的使用中了。 比如写一个简单的加法functionfunction sum(x,y){ console.log(x + y); } 这个s...
JavaScript 入门 Day 3
Day3,继续JS基础。 Find the Length of a String 这里我们接触到一个概念叫property。 .length这种形式的后缀是一种property,property可以理解成一种预设的方程功能,能告诉你一些信息。 .length,能告诉你string的字节长度。 Use Bracket Notation to Find the First Character in a String 怎么在string中定位呢? “Charles” 这个string一共7个字节,但由于计算机也语言都是从0开始计数,所以“C”其实是这个string的第[0]位,以此类推。const name = “Charles”; name[3]是哪个字母呢? 对,是“r”。 Understand String Immutability String有个特性,不可被局部修改,要修改只能全部替换。 Use Bracket Notation to Find the Last Character in a String 怎么表示最后一个字节呢?还记得 .length这个property吗?...
JavaScript 入门 Day 3
Day3,继续JS基础。 Find the Length of a String 这里我们接触到一个概念叫property。 .length这种形式的后缀是一种property,property可以理解成一种预设的方程功能,能告诉你一些信息。 .length,能告诉你string的字节长度。 Use Bracket Notation to Find the First Character in a String 怎么在string中定位呢? “Charles” 这个string一共7个字节,但由于计算机也语言都是从0开始计数,所以“C”其实是这个string的第[0]位,以此类推。const name = “Charles”; name[3]是哪个字母呢? 对,是“r”。 Understand String Immutability String有个特性,不可被局部修改,要修改只能全部替换。 Use Bracket Notation to Find the Last Character in a String 怎么表示最后一个字节呢?还记得 .length这个property吗?...