|
| 1 | +# Chapter 7: Type Conversions |
| 2 | + |
| 3 | +## Introduction (English) |
| 4 | + |
| 5 | +JavaScript is a **dynamically typed language**, which means variables can hold values of any type without a fixed data type. Sometimes, you’ll need to **convert a value** from one type to another — this is called **type conversion**. |
| 6 | + |
| 7 | +There are three main types of conversions: |
| 8 | +- To String |
| 9 | +- To Number |
| 10 | +- To Boolean |
| 11 | + |
| 12 | +Let's explore each one with examples. |
| 13 | + |
| 14 | +--- |
| 15 | + |
| 16 | +## 1. String Conversion |
| 17 | +We can convert values to strings using `String(value)`. |
| 18 | + |
| 19 | +```javascript |
| 20 | +let value = true; |
| 21 | +alert(typeof value); // boolean |
| 22 | + |
| 23 | +value = String(value); |
| 24 | +alert(typeof value); // string |
| 25 | +``` |
| 26 | + |
| 27 | +📝 Use Case: When you want to display or log values as readable text. |
| 28 | + |
| 29 | +--- |
| 30 | + |
| 31 | +## 2. Numeric Conversion |
| 32 | +We can convert values to numbers using `Number(value)`. |
| 33 | + |
| 34 | +```javascript |
| 35 | +alert(Number("123")); // 123 |
| 36 | +alert(Number("123z")); // NaN (Not a Number) |
| 37 | +alert(Number(true)); // 1 |
| 38 | +alert(Number(false)); // 0 |
| 39 | +``` |
| 40 | + |
| 41 | +📝 Use Case: When you receive numeric input as a string and want to perform math operations. |
| 42 | + |
| 43 | +--- |
| 44 | + |
| 45 | +## 3. Boolean Conversion |
| 46 | +Values can be converted to boolean using `Boolean(value)`. |
| 47 | + |
| 48 | +```javascript |
| 49 | +alert(Boolean(1)); // true |
| 50 | +alert(Boolean(0)); // false |
| 51 | +alert(Boolean("hello")); // true |
| 52 | +alert(Boolean("")); // false |
| 53 | +``` |
| 54 | + |
| 55 | +📝 Use Case: Used in condition checking (`if`, loops, etc.) |
| 56 | + |
| 57 | +### Falsy Values |
| 58 | +The following values become `false` when converted to boolean: |
| 59 | +- `0` |
| 60 | +- `""` (empty string) |
| 61 | +- `null` |
| 62 | +- `undefined` |
| 63 | +- `NaN` |
| 64 | + |
| 65 | +Everything else is considered `true`. |
| 66 | + |
| 67 | +--- |
| 68 | + |
| 69 | +## Assignments |
| 70 | +1. Convert `false` to string and log the type. |
| 71 | +2. Convert string `'456'` to number and add 44 to it. |
| 72 | +3. Check the boolean value of `"SMRIT"`. |
| 73 | +4. Convert `undefined` to number. |
| 74 | +5. Create a prompt to get a number and convert it explicitly before multiplying by 2. |
| 75 | + |
| 76 | +--- |
| 77 | + |
| 78 | +## Summary |
| 79 | +- Use `String(value)` to convert to string. |
| 80 | +- Use `Number(value)` to convert to number. |
| 81 | +- Use `Boolean(value)` to convert to boolean. |
| 82 | + |
| 83 | +Understanding type conversion is essential for building interactive and dynamic applications. |
| 84 | + |
| 85 | +This chapter is presented by **Muhammad Raza** (SMRIT - Smart Modern Revolutionary IT Training). 🚀 |
| 86 | + |
| 87 | +--- |
| 88 | + |
| 89 | +## تعارف (Urdu) |
| 90 | + |
| 91 | +جاوا اسکرپٹ ایک **dynamically typed** زبان ہے، جس میں ویری ایبل کسی بھی ٹائپ کا ڈیٹا رکھ سکتا ہے۔ کئی بار ہمیں کسی ویلیو کو ایک ٹائپ سے دوسری میں **تبدیل (convert)** کرنا پڑتا ہے۔ اسے **type conversion** کہتے ہیں۔ |
| 92 | + |
| 93 | +تین بنیادی conversions: |
| 94 | +- String میں تبدیل کرنا |
| 95 | +- Number میں تبدیل کرنا |
| 96 | +- Boolean میں تبدیل کرنا |
| 97 | + |
| 98 | +آئیے ہر ایک کو مثالوں کے ساتھ سمجھتے ہیں: |
| 99 | + |
| 100 | +--- |
| 101 | + |
| 102 | +## 1. String میں تبدیلی |
| 103 | +`String(value)` کا استعمال کرتے ہیں: |
| 104 | + |
| 105 | +```javascript |
| 106 | +let value = true; |
| 107 | +alert(typeof value); // boolean |
| 108 | + |
| 109 | +value = String(value); |
| 110 | +alert(typeof value); // string |
| 111 | +``` |
| 112 | + |
| 113 | +📝 استعمال: جب آپ کسی ویلیو کو text کے طور پر دکھانا چاہتے ہیں۔ |
| 114 | + |
| 115 | +--- |
| 116 | + |
| 117 | +## 2. Number میں تبدیلی |
| 118 | +`Number(value)` کا استعمال کریں: |
| 119 | + |
| 120 | +```javascript |
| 121 | +alert(Number("123")); // 123 |
| 122 | +alert(Number("123z")); // NaN |
| 123 | +alert(Number(true)); // 1 |
| 124 | +alert(Number(false)); // 0 |
| 125 | +``` |
| 126 | + |
| 127 | +📝 استعمال: جب آپ کو input string میں ملے اور آپ اسے math میں استعمال کرنا چاہیں۔ |
| 128 | + |
| 129 | +--- |
| 130 | + |
| 131 | +## 3. Boolean میں تبدیلی |
| 132 | +`Boolean(value)` کے ذریعے کیا جاتا ہے: |
| 133 | + |
| 134 | +```javascript |
| 135 | +alert(Boolean(1)); // true |
| 136 | +alert(Boolean(0)); // false |
| 137 | +alert(Boolean("hello")); // true |
| 138 | +alert(Boolean("")); // false |
| 139 | +``` |
| 140 | + |
| 141 | +📝 استعمال: if statement یا loops میں condition چیک کرنے کے لیے۔ |
| 142 | + |
| 143 | +### Falsy ویلیوز: |
| 144 | +یہ ویلیوز Boolean میں تبدیل ہونے پر false بنتی ہیں: |
| 145 | +- `0` |
| 146 | +- `""` (خالی string) |
| 147 | +- `null` |
| 148 | +- `undefined` |
| 149 | +- `NaN` |
| 150 | + |
| 151 | +باقی سب true ہوتے ہیں۔ |
| 152 | + |
| 153 | +--- |
| 154 | + |
| 155 | +## اسائنمنٹس |
| 156 | +1. `false` کو string میں تبدیل کریں اور type log کریں۔ |
| 157 | +2. `'456'` کو number میں تبدیل کریں اور 44 کا اضافہ کریں۔ |
| 158 | +3. `"SMRIT"` کی Boolean ویلیو چیک کریں۔ |
| 159 | +4. `undefined` کو number میں تبدیل کریں۔ |
| 160 | +5. `prompt()` سے نمبر لیں، convert کریں، اور 2 سے multiply کریں۔ |
| 161 | + |
| 162 | +--- |
| 163 | + |
| 164 | +## خلاصہ |
| 165 | +- `String(value)` – string میں تبدیل کرنے کے لیے۔ |
| 166 | +- `Number(value)` – number میں تبدیل کرنے کے لیے۔ |
| 167 | +- `Boolean(value)` – boolean میں تبدیل کرنے کے لیے۔ |
| 168 | + |
| 169 | +Type conversions کو سمجھنا انٹرایکٹو اور ڈائنامک ایپلیکیشنز بنانے کے لیے ضروری ہے۔ |
| 170 | + |
| 171 | +یہ باب **محمد رضا** (SMRIT - Smart Modern Revolutionary IT Training) کی طرف سے پیش کیا گیا ہے۔ 🚀 |
| 172 | + |
0 commit comments