diff options
author | Adam Brenecki <adam@brenecki.id.au> | 2013-06-30 18:57:40 +0930 |
---|---|---|
committer | Adam Brenecki <adam@brenecki.id.au> | 2013-06-30 18:57:40 +0930 |
commit | 8a870cab449e1aa1dd9741657457b061020a3ae9 (patch) | |
tree | 45b9dc96f05500c902728320e8a67be5ddd2ca01 /javascript.html.markdown | |
parent | 3b8ece99323979cbb598589ec062b56fa311ad2c (diff) |
Add control structures
Diffstat (limited to 'javascript.html.markdown')
-rw-r--r-- | javascript.html.markdown | 60 |
1 files changed, 57 insertions, 3 deletions
diff --git a/javascript.html.markdown b/javascript.html.markdown index afa37bf1..858cec52 100644 --- a/javascript.html.markdown +++ b/javascript.html.markdown @@ -119,8 +119,20 @@ someOtherVar = 10 // Variables declared without being assigned to are set to undefined. var someThirdVar // = undefined +// There's shorthand for performing math operations on variables: +someVar += 5 // equivalent to someVar = someVar + 5; someVar is 10 now +someVar *= 10 // now someVar is 100 + +// and an even-shorter-hand for adding or subtracting 1 +someVar++ // now someVar is 101 +someVar-- // back to 100 + // Arrays are ordered lists of values, of any type. -["Hello", 45, true] +var myArray = ["Hello", 45, true] + +// Their members can be accessed using the square-brackets subscript syntax. +// Array indices start at zero. +myArray[1] // = 45 // JavaScript's objects are equivalent to 'dictionaries' or 'maps' in other // languages: an unordered collection of key-value pairs. @@ -130,7 +142,7 @@ var someThirdVar // = undefined // JavaScript identifier. Values can be any type. var myObj = {myKey: "myValue", "my other key": 4} -// Object attributes can be accessed using the 'subscript' syntax, +// Object attributes can also be accessed using the subscript syntax, myObj["my other key"] // = 4 // ... or using the dot syntax, provided the key is a valid identifier. @@ -143,9 +155,46 @@ myObj.myThirdKey = true myObj.myFourthKey // = undefined /*********** - * 3. Control Structures + * 3. Logic and Control Structures ***********/ +// The if structure works as you'd expect. +var count = 1 +if (count == 3){ + // evaluated if count is 3 +} else if (count == 4) { + // evaluated if count is 4 +} else { + // evaluated if it's not either +} + +// As does while. +while (true) { + // An infinite loop! +} + +// Do-while loops are like while loops, except they always run at least once. +var input +do { + input = getInput() +} while (!isValid(input)) + +// the for loop is the same as C and Java: initialisation; test; iteration. +for (var i = 0; i < 5; i++){ + // will run 5 times +} + +// && is logical and, || is logical or +if (house.size == "big" && house.colour == "blue"){ + house.contains = "bear" +} +if (colour == "red" || colour == "blue"){ + // colour is either red or blue +} + +// && and || "short circuit", which is useful for setting default values... +var name = otherName || "default"; + /*********** * 5. Functions, Scope and Closures ***********/ @@ -278,3 +327,8 @@ Network](https://developer.mozilla.org/en-US/docs/Web/JavaScript) provides excellent documentation for JavaScript as it's used in browsers. Plus, it's a wiki, so as you learn more you can help others out by sharing your own knowledge. + +In addition to direct contributors to this article, some content is adapted +from Louie Dinh's Python tutorial on this site, and the [JS +Tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) +on the Mozilla Developer Network. |