JavaScript? ??? ? ??? ??? ???? ?? ????? ???? ??? ???? ?? ????? ?????. ??? Big O Notation? ???? ????. ?? ??? ???? ?? ?? ??? ??? ????? ???? ??? ???? ????? ?? ??? ??????? ???? ? ??? ???.
? ????? ????? ??? JavaScript ??? ?? Big O ???? ?? ??? ???? ?? ???? ???????.
?? ????? ??????
Big O ???? ????? ???? ???? ??? ?????. ???? ? ??? ???.
- ?? ???: ?? ??? ?? ????? ?? ??? ??? ????.
- ?? ???: ????? ??? ???? ?? ??? ?? ??? ????.
??? ????? ??? ?? ?? ??? ??? ?? ????? ??? ? ????? ???? ?? ?????.
Big O ???? ??? ??? ??????
??? ??????? ??? ?? ??? ???? ??? ?????.
- ? ?? ?? ??? ??? ?? ??? ?? ???? ??? ????(?? ??).
- ? ??? ???? ???? ????? ???? ?(?? ??)???.
? ?? ?? ?? ??? ????? ?????? ??? ??? ?? ???? ?? ?????. Big O? ??? ?? ??? ???? ?? ??? ?? ??? ???? ? ??? ???.
Big O ???? ?? ??
??? ???? Big O ???? JavaScript? ?? ?? ?? ?????.
1. O(1) - ?? ??
???? ?? ??? ???? ???? ?????. ??? ??? ?? ??????.
?: ???? ??? ??? ???
const numbers = [10, 20, 30, 40, 50]; console.log(numbers[2]); // Always takes the same time, no matter the array size
2. O(log n) - ?? ??
?? ??? ???? ?? ???? ????? ?????. ?? ?? ??? ?? ?? ?? ?????? ?? ?????.
?: ??? ??? ?? ?? ??
function binarySearch(arr, target) { let start = 0; let end = arr.length - 1; while (start <= end) { const mid = Math.floor((start + end) / 2); if (arr[mid] === target) { return mid; } else if (arr[mid] < target) { start = mid + 1; // Search the right half } else { end = mid - 1; // Search the left half } } return -1; // Target not found } const arr = [1, 3, 5, 7, 9]; console.log(binarySearch(arr, 7)); // Output: 3
3. O(n) - ?? ??
???? ?? ??? ???? ?????. ?? ? ??? ? ?? ???? ? ? ?????.
?: ???? ?? ???? ?? ??
function linearSearch(arr, target) { for (let i = 0; i < arr.length; i++) { if (arr[i] === target) { return i; // Found } } return -1; // Not found } const items = [10, 20, 30, 40, 50]; console.log(linearSearch(items, 30)); // Output: 2
4. O(n2) - 2? ??
?? ??? ???? ?? ???? 2???? ?????. ?? ?? ??? ?? ?????? ??????.
?: ?? ?? ?? ??
const numbers = [10, 20, 30, 40, 50]; console.log(numbers[2]); // Always takes the same time, no matter the array size
5. O(2?) - ?? ??
??? ??? ??? ???? ? ?? ?????. ?? ??? ?? ???? ???? ??? ????? ???? ?????? ?????.
?: ???? ?? ????? ??
function binarySearch(arr, target) { let start = 0; let end = arr.length - 1; while (start <= end) { const mid = Math.floor((start + end) / 2); if (arr[mid] === target) { return mid; } else if (arr[mid] < target) { start = mid + 1; // Search the right half } else { end = mid - 1; // Search the left half } } return -1; // Target not found } const arr = [1, 3, 5, 7, 9]; console.log(binarySearch(arr, 7)); // Output: 3
Big O ???
?? ??? ???? ?? Big O ???? ??? ??? ???? ??? ????.
Big O | Name | Example Use Case | Growth Rate |
---|---|---|---|
O(1) | Constant | Array access | Flat |
O(log n) | Logarithmic | Binary search | Slow growth |
O(n) | Linear | Looping through an array | Moderate growth |
O(n2) | Quadratic | Nested loops | Rapid growth |
O(2?) | Exponential | Recursive brute force | Very fast growth |
???? ??
??? ???? ??? ?? ??? ????? ??? ???. ?? ??? ???? ?? ???? ??? ????? ??? ?????? ??? ????.
Input Size | O(1) | O(log n) | O(n) | O(n2) | O(2?) |
---|---|---|---|---|---|
1 | 1 ms | 1 ms | 1 ms | 1 ms | 1 ms |
10 | 1 ms | 3 ms | 10 ms | 100 ms | ~1 sec |
100 | 1 ms | 7 ms | 100 ms | 10 sec | ~centuries |
1000 | 1 ms | 10 ms | 1 sec | ~17 min | Unrealistic |
- O(1)? ??? ???? ???? ?????.
- O(log n)? ??? ????? ??? ??? ??????.
- O(n)? ?? ??? ???? ?????.
- O(n2) ??? ??? ??? ??? ???? ?? ???.
??? Big O ???
??? ???? ???? ??? ???? ?? ?? ?? ????? ??? ??? ????.
const numbers = [10, 20, 30, 40, 50]; console.log(numbers[2]); // Always takes the same time, no matter the array size
Big O? ?? ???? ??
-
Big O ≠ ?? ??: Big O? ??? ?? ??? ??? ??? ??? ????? ?????.
- ?? ?? ?? ?? ??? ???? O(n) ????? ?? ?? ??? ?? O(log n) ?????? ??? ??? ? ????.
- ??? ?? vs. ??? ??: Big O? ????? ??? ????? ?????. ?? ?? ??? ?? ??? ???? ?????.
- ?? ?? ??? O(n2)? ?? ????: ???? ?? ??? ???? ?? ?? ?? ?????.
???? ?? ???? ?
- O(1), O(n) ? O(n2)? ??: ?? ?? ????? ???? ?? ??????.
- ?? ??: Chrome DevTools? ?? ??? ???? ??? ???????.
- ???? ?? ????: ??? ???? ???? ? ?? ??? ???? ??????.
- ?? ??: LeetCode ? HackerRank? ?? ???? Big O? ???? ? ??? ??? ?????.
??
Big O ???? ????? ???? ???? ?? ?? ??? ???? ? ???? ?????. ?? ??? ???? ???? ??? ?????? ??? ??? JavaScript ??????? ???? ? ? ??? ? ????.
??? ?????! ?
? ??? JavaScript? Big O ??? ? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

??? ??











JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.

TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL

??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.

JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.

ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.

Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.

???? ?? ?? ??? JavaScript ??? ????? ?? 4 ?? ??????. 1. ???? ??? ?? ?? ??? ???? ?? ??? Count? ?? ??? ?? ???? ?? ??? FetchData ()? ?? ??? ???? ??? ??? ??? ????? ?? PascalScase? ?? ?????. 2. ???? ? ??? ???? ??? ? ??? ??? ??? Formatuser, SaveUser ? RenderUser? ???? ?? ?? ? ??? ?????. 3. Page? userprofile, Userstats ? React? ?? ???? ???? ? ??? ? ?? ???? ????? ??????. 4. ?? ?? ? ???? ??? ??? ? ???? ??? ??? ??????.

VAR, Let ? Const? ???? ??, ?? ? ?? ?????. 1.var? ?? ??????? ?? ???? ?? ? ??? ?????. 2. let? ?? ?? ????? ?? ?? ???? ?? ? ??? ???? ????. 3. ???? ?? ?? ???? ?? ??????? ? ?? ? ? ??? ?? ??? ?? ?? ??? ? ????. ?? const? ???? ??? ??? ? LET? ???? VAR? ???? ????.
