Beginning JavaScript Vocab
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
---|---|---|---|---|---|
Array literals | You can create arrays in two different ways. The most common of which is to list values in a pair of square brackets. JavaScript arrays can contain any types of values and they can be of mixed types
🗑
|
||||
Multi-dimensional Arrays | A two-dimensional array is an array within an array. If you fill this array with another array you get a three-dimensional array and so on.
🗑
|
||||
Accessing array elements | You can get elements out of arrays if you know their index. Array elements' indexes start at 0 and increment by 1, so the first element's index is 0, the second element's index is 1, the third element's is 2, etc.
🗑
|
||||
Array constructor | You can also create an array using the Array constructor.
🗑
|
||||
Accessing nested array elements | Accessing multi dimensional array elements is quite similar to one-dimension arrays . They are accessed by using [index][index]..... (number of them depends upon the number of arrays deep you want to go inside).
🗑
|
||||
Boolean literals | Syntax
🗑
|
||||
Boolean logical operators | These operators have the following meanings, where x and y represent values of TRUE or FALSE.
🗑
|
||||
Comparison operators | x === y // returns true if two things are equal
x !== y // returns true if two things are not equal
x <= y // returns true if x is less than or equal to y
🗑
|
||||
Code Comments | Code comments are used for increasing the readability of the code.If you write 100 lines of code and then forget what each function did , it's not useful at all. Comments are like notes , suggestions , warnings ,etc.
🗑
|
||||
Multi-Line Comment | Anything between /* and */ will be a comment
🗑
|
||||
console.log | Prints text to the console. Useful for debugging.
🗑
|
||||
console.time | This function starts a timer which is useful for tracking how long an operation takes to happen.You give each timer a unique name, and may have up to 10,000 timers running on a given page.When you call console.timeEnd() with the same name.
🗑
|
||||
console.timeEnd | Stops a timer that was previously started by calling console.time().
🗑
|
||||
Function definition | A function is a JavaScript procedure—a set of statements that performs a task or calculates a value
🗑
|
||||
Function hoisting | The two ways of declaring functions produce different results. Declaring a function one way "hoists" it to the top of the call, and makes it available before it's actually defined.
🗑
|
||||
if statement | It simply states that if this condition is true , do this , else do something else ( or nothing ) . It occurs in varied forms.
🗑
|
||||
else | A fallback to an if statement. This will only get executed if the previous statement did not.
🗑
|
||||
else if | This is like an else statement, but with its own condition. It will only run if its condition is true, and the previous statement's condition was false.
🗑
|
||||
For Loops | You use for loops, if you know how often you'll loop. The most often used varName in loops is "i".
🗑
|
||||
While Loops | You use while loops, if you don't know how often you'll loop.
🗑
|
||||
Do While Loops | You use do while loops, if you have to loop at least once, but if you don't know how often.
🗑
|
||||
random | Returns a random number between 0 and 1
🗑
|
||||
floor | Returns the largest integer less than or equal to a number.
🗑
|
||||
pow | Returns base raised to exponent.
🗑
|
||||
ceil | Returns the smallest integer greater than or equal to a number.
🗑
|
||||
PI | Returns the ratio of the circumference of a circle to its diameter, approximately 3.14159 or in better terms, the value of PI (π). Note in syntax , we do not put `()` at the end of `Math.PI` because `Math.PI` is not a function.
🗑
|
||||
sqrt | Returns the square root of a number.
🗑
|
||||
% (Modulus) | it returns the remainder left after dividing the left hand side with the right hand side.
🗑
|
||||
isNaN | Returns true if the given number is not a number , else returns false.
🗑
|
||||
Basic Arithmetic | 4 + 5; // 9
4 * 5; // 20
5 - 4; // 1
20 / 5; // 4
🗑
|
||||
Prefix and Postfix increment/decrement operators | Prefix increment / decrement operators are operators that first increase the value of the variable by 1 (increment) or decrease the value of an expression / variable by 1 (decrement) and then return this incremented / decremented value.
🗑
|
||||
Object Literals | var obj = {
name: "Bob",
married: true,
"mother's name": "Alice",
"year of birth": 1987,
getAge: function () {
return 2012 - obj["year of birth"];
},
1: 'one'
🗑
|
||||
Property Access | obj['name']; // 'Bob'
obj.name; // 'Bob'
obj.getAge(); // 24
🗑
|
||||
Classes | A class can be thought of as a template to create many objects with similar qualities. Classes are a fundamental component of object-oriented programming (OOP).
🗑
|
||||
alert | Display an alert dialog with the specified message and an OK button. Note: The alert dialog should be used for messages which do not require any response on the part of the user, other than the acknowledgement of the message.
🗑
|
||||
confirm | if ( confirm("Are you sure you want to delete this post?") ) {
deletePost();
}
🗑
|
||||
prompt | The prompt() displays a dialog with an optional message prompting the user to input some text. If the user clicks the "Cancel" button , null is returned.
🗑
|
||||
Strings | Strings are text. They are denoted by surrounding text with either single or double quotes.
🗑
|
||||
Concatenation | "some" + "text"; // returns "sometext"
var first = "my";
var second = "string";
var union = first + second; // union variable has the string "mystring"
🗑
|
||||
length | Returns the length of the string.
🗑
|
||||
toUpperCase, toLowerCase | Changes the cases of all the alphabetical letters in the string.
🗑
|
||||
trim() | Removes whitespace from both ends of the string.
🗑
|
||||
replace() | Returns a string with the first match substring replaced with a new substring
🗑
|
||||
charAt() | Returns the specified character from a string. Characters in a string are indexed from left to right.
🗑
|
||||
substring() | Returns the sequence of characters between two indices within a string.
🗑
|
||||
indexOf() | Returns the index within the calling String object of the first occurrence of the specified value, starting the search at fromIndex, Returns -1 if the value is not found. The indexOf method is case sensitive.
🗑
|
||||
switch | Acts like a big if / else if / else chain. Checks a value against a list of cases, and executes the first case that is true.
🗑
|
||||
Ternary Operator | The ternary operator is usually used as a shortcut for the if statement.
🗑
|
||||
Variable Assignment | var name = value;
🗑
|
||||
Variable changing | varname = newValue
🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Created by:
2016CampanaleM
Popular Computers sets