تمامی مثالهای JavaScript
پرش به ناوبری
پرش به جستجو
30px What can JavaScript do?
30px Where to Insert JavaScript
30px JavaScript Output
30px JavaScript Syntax
میتواند:
- JavaScript statements
- JavaScript numbers
- JavaScript strings
- JavaScript variables
- JavaScript operators
- JavaScript assignment
- JavaScript expressions (using constants)
- JavaScript expressions (using strings)
- JavaScript expressions (using variables)
- JavaScript keywords
- JavaScript comments
- JavaScript is case sensitive
30px JavaScript Statements
میتواند:
- JavaScript statements are commands to the browser
- JavaScript code is a sequence of statements
- JavaScript statements are separated with semicolon
- Multiple statement on one line is allowed
- JavaScript statements can be grouped together in code blocks
- You can break a code line after an operator or a comma.
30px JavaScript Comments
30px JavaScript Variables
میتواند:
- JavaScript variables
- JavaScript variables as algebra
- JavaScript numbers and strings
- JavaScript var keyword.
- Declaring many variables in one statement
- Declaring many variables multiline
- A variable without a value returns the value undefined
- Re-declaring a variable will not destroy the value
- Adding JavaScript numbers
- Adding JavaScript strings
- Adding strings and numbers
30px JavaScript Arithmetic
30px JavaScript Assignment
30px JavaScript String Concatenation
30px JavaScript Data Types
30px JavaScript Objects
میتواند:
- Create a JavaScript variable
- Create a JavaScript object
- Create a person object (single line)
- Create a person object (multiple lines)
- Access object properties using .property
- Access object properties using [property]
- Access a function property as a method
- Access a function property as a property
30px JavaScript Functions
30px JavaScript Events
30px JavaScript Strings
میتواند:
- Strings can be written with single or double quotes.
- Show some string examples
- Backslash before quotes accepts quotes as quotes.
- Find the length of a string
- You can break text string with a backslash.
- You cannot break code with a backslash.
- Find the position of the first occurrence of a text in a string - indexOf()
- Search for a text in a string and return the text if found - match()
- Replace characters in a string - replace()
- Convert string to upper case - toUpperCase()
- Convert string to lower case - toLowerCase()
- Split a string into an array - split()
30px JavaScript Numbers
میتواند:
- Numbers can be written with or without decimals
- Extra large or extra small numbers can be written with exponent notation
- Number are considered accurate only up to 15 digits
- Floating point arithmetic is not always 100% accurate
- But it helps to multiply and divide by 10
- Adding two numbers results in a new number
- Adding two numeric strings results in a concatenated string
- Adding a number and a numeric string also results in a concatenated string
- Adding a numeric string and a number also results in a concatenated string
- Common mistake when adding strings and numbers 1
- Common mistake when adding strings and numbers 2
- JavaScript will try to convert strings to numbers when dividing
- JavaScript will try to convert strings to numbers when multiplying
- JavaScript will try to convert strings to numbers when subtracting
- JavaScript will NOT convert strings to numbers when adding
- A number divided by a string is NaN (Not a Number)
- A number divided by a numeric string is a number
- The global JavaScript function isNaN() returns if a value is a number
- Using NaN in a mathematical operation will always return NaN
- Using NaN in a mathematical string operation will concatenate NaN
- NaN (Not a Number) is a number (Yes! typeof NaN returns number)
- Infinity is returned if you calculate a number outside the largest possible number
- Division by zero also generates Infinity
- Infinity is a number (typeof Infinity returns number)
- Constants, preceded by 0x, are interpreted as hexadecimal
- The toString() method can output numbers as hex, octal, and binary
- Numbers can be objects
- Numbers and objects cannot be safely compared
- Objects and objects cannot be safely compared
30px JavaScript Number Methods
میتواند:
- The toString() method converts a number to a string
- The valueOf() method returns a number as a number
- The toExponential() returns a number with exponential notation
- The toFixed() method rounds a number to a number of digits
- The toPrecision() method a number written with a specified length
- The global method Number() converts variables to numbers
- The global method Number() can even convert dates to numbers
- The global method parseInt() converts strings to numbers
- The global method parseFloat() converts strings to numbers
- MAX_VALUE returns the largest possible number in JavaScript
- MIN_VALUE returns the smallest possible number in JavaScript
- POSITIVE_INFINITY represents infinity
- POSITIVE_INFINITY is returned on overflow
- NEGATIVE_INFINITY represents negative infinity
- NEGATIVE_INFINITY is returned on overflow
- NaN Represents "Not-a-Number"
- Arithmetic performed on a string will result in NaN
- Using a Number property on a variable will return undefined
30px JavaScript Maths
میتواند:
- Math.PI returns the value of PI
- Math.round(x) returns the rounded value of x
- Math.pow(x, y) returns the value of x to the power of y
- Math.sqrt(x) returns the square root of x
- Math.abs(x) returns the absolute (positive) value of x
- Math.ceil(x) returns the value of x rounded up
- Math.floor(x) returns the value of x rounded down
- Math.sin(x) returns the sin of the angle x (given in radians)
- Math.cos(x) returns the cosin of the angle x (given in radians)
- Math.max() return the number with the highest value from a list of arguments
- Math.min() to return the number with the lowest value from a list of arguments
- Converting Celsius to Fahrenheit
30px JavaScript Random
میتواند:
- Math.random() returns a random number between 0 (included) and 1 (excluded)
- How to return a random integer between 0 and 9 (both included)
- How to return a random integer between 0 and 10 (both included)
- How to return a random integer between 0 and 99 (both included)
- How to return a random integer between 0 and 100 (both included)
- How to return a random integer between 1 and 10 (both included)
- How to return a random integer between 1 and 100 (both included)
- How to return a random integer between x (included) and y (excluded)
- How to return a random integer between x and y (both included)
30px JavaScript Dates
میتواند:
- Use Date() to display today's date and time
- Use getFullYear() display the year
- Use getTime() to calculate the number of milliseconds since 1970
- Use setFullYear() to set a specific date
- Use toUTCString() to convert today's date (according to UTC) to a string
- Use getDay() to display the weekday as a number
- Use getDay() and an array to display the weekday as a name
- Display a clock
30px JavaScript Arrays
30px JavaScript Array Methods
میتواند:
- Add an element to an array
- Remove the last element of an array - pop()
- Join all elements of an array into a string - join()
- Join two arrays - concat()
- Join three arrays - concat()
- Add an element to position 2 in an array - splice()
- Convert an array to a string - toString()
- Add new elements to the beginning of an array - unshift()
- Remove the first element of an array - shift()
- Select elements from an array - slice()
30px JavaScript Array Sort
میتواند:
- Sort an array in ascending order
- Sort an array in descending order
- Sort an array of numbers ascending
- Sort an array of numbers descending
- Sort numbers (alphabetically or numerically)
- Sort array numbers in random order
- Find the lowest number in an array
- Find the highest number in an array
- Find the lowest number in an array using Math.min()
- Find the highest number in an array using Math.max()
- Using a "homemade" myArrayMin method
- Using a "homemade" myArrayMax method
- Sort objects by numeric properties
- Sort objects by string properties
30px JavaScript Array Iteration
30px JavaScript Type Conversion
30px JavaScript Booleans
میتواند:
- Display the value of Boolean(10 > 9)
- Display the value of 10 > 9
- Everything with a real value is true
- The Boolean value of zero is false
- The Boolean value of minus zero is false
- The Boolean value of an empty string is false
- The Boolean value of undefined is false
- The Boolean value of null is false
- The Boolean value of false is false
- The Boolean value of NaN is false
30px JavaScript Comparisons
میتواند:
- Assign 5 to x, and display the value of (x == ۸)
- Assign 5 to x, and display the value of (x == ۵)
- Assign 5 to x, and display the value of (x === ۵)
- Assign 5 to x, and display the value of (x === "۵")
- Assign 5 to x, and display the value of (x != ۸)
- Assign 5 to x, and display the value of (x !== ۵)
- Assign 5 to x, and display the value of (x !== "۵")
- Assign 5 to x, and display the value of (x > 8)
- Assign 5 to x, and display the value of (x < 8)
- Assign 5 to x, and display the value of (x >= ۸)
- Assign 5 to x, and display the value of (x <= ۸)
30px JavaScript Conditionals
30px JavaScript Loops
30px JavaScript Error Handling
30px JavaScript Regular Expressions
30px JavaScript Objects
میتواند:
- Creating a JavaScript variable
- Creating a JavaScript object
- Creating a JavaScript object (single line)
- Creating a JavaScript object (multiple lines)
- Creating a JavaScript object using new
- Creating JavaScript objects using a constructor
- Creating built-in JavaScript objects
- The best way to create JavaScript variables
- JavaScript objects are mutable
30px JavaScript Object Properties
30px JSON Objects
30px JSON Arrays
30px JSON Parse
30px JSON Stringify
30px JSON PHP
30px JSON HTML
منابع آموزشی