ਡਿਸਟ੍ਰਕਚਰਿੰਗ ਕੀ ਹੈ ਅਤੇ ਇਹ ਕੀ ਕਰ ਸਕਦੀ ਹੈ?

Question

Accepted Answer

**Destructuring** arrays ਤੋਂ ਮੁੱਲ ਜਾਂ objects ਤੋਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਵੇਰੀਏਬਲ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ, ਪੜ੍ਹਨਯੋਗ ਸਟੇਟਮੈਂਟ ਵਿੱਚ ਖੋਲ੍ਹਦਾ ਹੈ।

```js
// array destructuring (by position)
const [first, second] = [10, 20];      // first=10, second=20
const [a, , c] = [1, 2, 3];            // skip the middle → a=1, c=3

// object destructuring (by name)
const { name, age } = user;
const { name: userName } = user;        // rename → userName
const { city = "Unknown" } = address;   // default if missing
```

## ਸ਼ਕਤੀਸ਼ਾਲੀ ਪੈਟਰਨ

```js
// nested
const { address: { city } } = user;

// rest — grab the leftovers
const { id, ...rest } = obj;

// function parameters with defaults (very common)
function createUser({ name, role = "user" } = {}) { ... }

// swap variables without a temp
[x, y] = [y, x];
```

## ਜਿੱਥੇ ਤੁਸੀਂ ਇਸ ਨੂੰ ਹਰ ਜਾਗਾ ਦੇਖਦੇ ਹੋ

```js
// React
const [count, setCount] = useState(0);
function Card({ title, children }) { ... }

// imports, API responses
const { data, error } = await api.get("/users");
```

## ਇਹ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ

Destructuring boilerplate ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ (`const name = user.name; const age = user.age;` ਇੱਕ ਲਾਈਨ ਬਣ ਜਾਂਦੀ ਹੈ), ਫੰਕਸ਼ਨ ਸਿਗਨੇਚਰ ਨੂੰ ਸਵੈ-ਦਸਤਾਵੇਜ਼ ਬਣਾਉਂਦਾ ਹੈ (ਤੁਸੀਂ ਦੇਖਦੇ ਹੋ ਕਿ ਕਿਹੜੇ props ਵਰਤੇ ਜਾ ਰਹੇ ਹਨ), ਅਤੇ ਆਧੁਨਿਕ JS, React, ਅਤੇ Node ਵਿੱਚ idiomatic ਹੈ।

Default-value ਅਤੇ rest ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਾਇਕਲਪਿਕ/ਅੰਸ਼ਕ ਡਾਟਾ ਨੂੰ ਸਾਫ਼ ਢੰਗ ਨਾਲ ਹੈਂਡਲ ਕਰਨਾ ਵੀ ਸੰਭਵ ਬਣਾਉਂਦੀਆਂ ਹਨ।