JavaScript ਆਬਜੈਕਟ ਦੁਹਰਾਓ ਦੀ ਪੜਚੋਲ ਕਰਨਾ
JavaScript ਵਸਤੂਆਂ ਮੁੱਖ-ਮੁੱਲ ਜੋੜਿਆਂ ਵਿੱਚ ਡੇਟਾ ਨੂੰ ਸਟੋਰ ਕਰਨ ਅਤੇ ਪ੍ਰਬੰਧਨ ਵਿੱਚ ਬੁਨਿਆਦੀ ਹਨ। ਇਹਨਾਂ ਵਸਤੂਆਂ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਅਕਸਰ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਐਕਸੈਸ ਕਰਨ ਲਈ ਉਹਨਾਂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਲੂਪ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਇਹ ਟਿਊਟੋਰਿਅਲ ਤੁਹਾਨੂੰ JavaScript ਵਸਤੂ ਵਿੱਚ ਗੁਣਾਂ ਦੀ ਗਿਣਤੀ ਕਰਨ ਦੇ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਬਾਰੇ ਮਾਰਗਦਰਸ਼ਨ ਕਰੇਗਾ। ਭਾਵੇਂ ਤੁਸੀਂ JavaScript ਲਈ ਨਵੇਂ ਹੋ ਜਾਂ ਆਪਣੇ ਹੁਨਰ ਨੂੰ ਨਿਖਾਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ, ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਕੋਡਿੰਗ ਲਈ ਇਹਨਾਂ ਤਕਨੀਕਾਂ ਨੂੰ ਸਮਝਣਾ ਜ਼ਰੂਰੀ ਹੈ।
| ਹੁਕਮ | ਵਰਣਨ |
|---|---|
| for...in | ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਗਿਣਨਯੋਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚੋਂ ਲੰਘਦਾ ਹੈ। |
| hasOwnProperty() | ਜਾਂਚ ਕਰਦਾ ਹੈ ਕਿ ਕੀ ਆਬਜੈਕਟ ਦੀ ਆਪਣੀ ਸੰਪੱਤੀ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਸ਼ਚਿਤ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ। |
| Object.keys() | ਕਿਸੇ ਦਿੱਤੇ ਵਸਤੂ ਦੇ ਆਪਣੇ ਗਿਣਨਯੋਗ ਸੰਪੱਤੀ ਨਾਮਾਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ। |
| forEach() | ਹਰੇਕ ਐਰੇ ਐਲੀਮੈਂਟ ਲਈ ਇੱਕ ਵਾਰ ਦਿੱਤਾ ਗਿਆ ਫੰਕਸ਼ਨ ਚਲਾਉਂਦਾ ਹੈ। |
| Object.entries() | ਕਿਸੇ ਦਿੱਤੇ ਹੋਏ ਆਬਜੈਕਟ ਦੀ ਆਪਣੀ ਗਿਣਨਯੋਗ ਸਟ੍ਰਿੰਗ-ਕੀਡ ਵਿਸ਼ੇਸ਼ਤਾ [ਕੁੰਜੀ, ਮੁੱਲ] ਜੋੜਿਆਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ। |
JavaScript ਆਬਜੈਕਟ ਦੁਹਰਾਓ ਤਕਨੀਕਾਂ ਨੂੰ ਸਮਝਣਾ
ਪ੍ਰਦਾਨ ਕੀਤੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਇੱਕ JavaScript ਵਸਤੂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੁਆਰਾ ਦੁਹਰਾਉਣ ਲਈ ਵੱਖ-ਵੱਖ ਢੰਗਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੀਆਂ ਹਨ। ਪਹਿਲੀ ਸਕ੍ਰਿਪਟ ਏ for...in ਲੂਪ, ਜੋ ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਸਾਰੀਆਂ ਗਿਣਨਯੋਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਦੁਹਰਾਉਂਦਾ ਹੈ। ਇਸ ਲੂਪ ਦੇ ਅੰਦਰ, ਦ hasOwnProperty() ਵਿਧੀ ਜਾਂਚ ਕਰਦੀ ਹੈ ਕਿ ਕੀ ਵਸਤੂ ਦੀ ਆਪਣੀ ਸੰਪੱਤੀ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਸ਼ਚਿਤ ਸੰਪੱਤੀ ਹੈ, ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਦੇ ਹੋਏ ਕਿ ਵਿਰਾਸਤ ਵਿੱਚ ਪ੍ਰਾਪਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸ਼ਾਮਲ ਨਹੀਂ ਹਨ। ਇਹ ਵਿਧੀ ਉਪਯੋਗੀ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵਸਤੂ ਦੀ ਹਰੇਕ ਵਿਸ਼ੇਸ਼ਤਾ 'ਤੇ ਓਪਰੇਸ਼ਨ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਲੌਗਿੰਗ ਜਾਂ ਮੁੱਲਾਂ ਨੂੰ ਸੋਧਣਾ।
ਦੂਜੀ ਸਕ੍ਰਿਪਟ ਦਾ ਲਾਭ ਉਠਾਉਂਦੀ ਹੈ Object.keys() ਵਿਧੀ, ਜੋ ਆਬਜੈਕਟ ਦੇ ਆਪਣੇ ਗਿਣਨਯੋਗ ਸੰਪੱਤੀ ਨਾਮਾਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦੀ ਹੈ। ਦ forEach() ਵਿਧੀ ਨੂੰ ਫਿਰ ਇਸ ਐਰੇ ਉੱਤੇ ਦੁਹਰਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਦੀ ਤੁਲਨਾ ਵਿੱਚ ਇੱਕ ਸਰਲ ਅਤੇ ਵਧੇਰੇ ਪੜ੍ਹਨਯੋਗ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ for...in ਲੂਪ ਤੀਜੀ ਲਿਪੀ ਵਰਤਦੀ ਹੈ Object.entries(), ਜੋ ਆਬਜੈਕਟ ਦੀ ਆਪਣੀ ਗਿਣਨਯੋਗ ਸਟ੍ਰਿੰਗ-ਕੀਡ ਵਿਸ਼ੇਸ਼ਤਾ [ਕੁੰਜੀ, ਮੁੱਲ] ਜੋੜਿਆਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ। ਏ for...of ਲੂਪ ਦੀ ਵਰਤੋਂ ਇਹਨਾਂ ਜੋੜਿਆਂ ਨੂੰ ਦੁਹਰਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਕਿ ਦੋਨਾਂ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਇੱਕੋ ਸਮੇਂ ਤੱਕ ਪਹੁੰਚ ਕਰਨ ਦਾ ਇੱਕ ਸੰਖੇਪ ਤਰੀਕਾ ਪੇਸ਼ ਕਰਦਾ ਹੈ।
JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ਤਾ ਦੁਆਰਾ ਲੂਪਿੰਗ
JavaScript ES6 ਢੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};for (const key in p) {if (p.hasOwnProperty(key)) {console.log(key + ": " + p[key]);}}
JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਦੁਹਰਾਉਣਾ
JavaScript ਆਬਜੈਕਟ ਵਿਧੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};Object.keys(p).forEach(key => {console.log(key + ": " + p[key]);});
JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲਾਂ ਨੂੰ ਐਕਸਟਰੈਕਟ ਕਰਨਾ
JavaScript Object.entries() ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};for (const [key, value] of Object.entries(p)) {console.log(key + ": " + value);}
JavaScript ਆਬਜੈਕਟ ਉੱਤੇ ਦੁਹਰਾਉਣ ਲਈ ਉੱਨਤ ਤਕਨੀਕਾਂ
ਪਹਿਲਾਂ ਕਵਰ ਕੀਤੇ ਗਏ ਤਰੀਕਿਆਂ ਤੋਂ ਇਲਾਵਾ, JavaScript ਆਬਜੈਕਟ ਉੱਤੇ ਦੁਹਰਾਉਣ ਲਈ ਇੱਕ ਹੋਰ ਉਪਯੋਗੀ ਤਕਨੀਕ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੀ ਹੈ Object.values() ਢੰਗ. ਇਹ ਵਿਧੀ ਆਬਜੈਕਟ ਦੇ ਆਪਣੇ ਗਿਣਨਯੋਗ ਸੰਪੱਤੀ ਮੁੱਲਾਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦੀ ਹੈ। ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਸਿਰਫ ਮੁੱਲਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਨਾ ਕਿ ਕੁੰਜੀਆਂ ਦੀ। ਫਿਰ ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ forEach() ਜਾਂ ਇਹਨਾਂ ਮੁੱਲਾਂ 'ਤੇ ਕਾਰਵਾਈ ਕਰਨ ਲਈ ਹੋਰ ਐਰੇ ਵਿਧੀਆਂ। ਇਹ ਵਿਧੀ ਉਹਨਾਂ ਦ੍ਰਿਸ਼ਾਂ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦਾ ਹੈ ਜਿੱਥੇ ਕੁੰਜੀਆਂ ਹੱਥ ਵਿੱਚ ਕੰਮ ਲਈ ਅਪ੍ਰਸੰਗਿਕ ਹੁੰਦੀਆਂ ਹਨ।
ਇੱਕ ਹੋਰ ਉੱਨਤ ਢੰਗ ਵਰਤ ਰਿਹਾ ਹੈ Reflect.ownKeys(), ਜੋ ਗੈਰ-ਗਿਣਤੀਯੋਗ ਅਤੇ ਚਿੰਨ੍ਹ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਮੇਤ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਵੱਧ ਵਿਆਪਕ ਹੈ Object.keys() ਅਤੇ Object.getOwnPropertyNames(). ਜਦੋਂ ਨਾਲ ਮਿਲਾਇਆ ਜਾਂਦਾ ਹੈ for...of, ਇਹ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇਕਸਾਰ ਤਰੀਕੇ ਨਾਲ ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਦੁਹਰਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹਨਾਂ ਉੱਨਤ ਤਰੀਕਿਆਂ ਨੂੰ ਸਮਝਣਾ ਗੁੰਝਲਦਾਰ ਵਸਤੂਆਂ ਨਾਲ ਨਜਿੱਠਣ ਲਈ ਤੁਹਾਡੀ ਟੂਲਕਿੱਟ ਦਾ ਵਿਸਤਾਰ ਕਰਦਾ ਹੈ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਦੁਹਰਾਓ ਦੇ ਦ੍ਰਿਸ਼ਾਂ ਦੀ ਇੱਕ ਵਿਸ਼ਾਲ ਸ਼੍ਰੇਣੀ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲ ਸਕਦੇ ਹੋ।
JavaScript ਆਬਜੈਕਟ ਦੁਹਰਾਓ ਬਾਰੇ ਆਮ ਸਵਾਲ
- ਮੈਂ ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਕਿਵੇਂ ਲੂਪ ਕਰਾਂ?
- ਤੁਸੀਂ ਏ for...in ਲੂਪ ਜਾਂ Object.keys() ਨਾਲ forEach().
- ਵਿਚਕਾਰ ਕੀ ਫਰਕ ਹੈ Object.keys() ਅਤੇ Object.values()?
- Object.keys() ਸੰਪਤੀ ਦੇ ਨਾਮ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ, ਜਦਕਿ Object.values() ਸੰਪੱਤੀ ਮੁੱਲਾਂ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ।
- ਮੈਂ ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲ ਦੋਵੇਂ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਾਂ?
- ਵਰਤੋ Object.entries() [ਕੁੰਜੀ, ਮੁੱਲ] ਜੋੜਿਆਂ ਦੀ ਇੱਕ ਐਰੇ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਫਿਰ ਇਸ ਨਾਲ ਦੁਹਰਾਓ for...of.
- ਕੀ ਮੈਂ ਗੈਰ-ਗਿਣਤੀਯੋਗ ਸੰਪਤੀਆਂ 'ਤੇ ਦੁਹਰਾ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਵਰਤੋਂ Object.getOwnPropertyNames() ਜਾਂ Reflect.ownKeys() ਗੈਰ-ਗਿਣਤ ਸੰਪਤੀਆਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ.
- ਮੈਂ ਕਿਵੇਂ ਜਾਂਚ ਕਰਾਂਗਾ ਕਿ ਕੀ ਕੋਈ ਜਾਇਦਾਦ ਵਸਤੂ ਦੀ ਆਪਣੀ ਸੰਪਤੀ ਹੈ?
- ਵਰਤੋ hasOwnProperty() ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ ਸੰਪੱਤੀ ਵਿਰਾਸਤ ਵਿੱਚ ਨਹੀਂ ਮਿਲੀ ਹੈ।
- ਮੈਂ ਕਿਸੇ ਵਸਤੂ ਦੇ ਚਿੰਨ੍ਹਾਂ ਨੂੰ ਕਿਵੇਂ ਦੁਹਰਾਵਾਂ?
- ਵਰਤੋ Object.getOwnPropertySymbols() ਪ੍ਰਤੀਕ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਇੱਕ ਐਰੇ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ.
- ਕਿਸੇ ਵਸਤੂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਦੁਹਰਾਉਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਕੀ ਹੈ?
- ਇਹ ਤੁਹਾਡੀਆਂ ਲੋੜਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ। ਵਰਤੋ for...in ਸਾਦਗੀ ਲਈ, Object.keys() ਖਾਸ ਜਾਇਦਾਦ ਦੇ ਨਾਮ ਲਈ, ਅਤੇ Object.entries() ਦੋਨਾਂ ਕੁੰਜੀਆਂ ਅਤੇ ਮੁੱਲਾਂ ਲਈ।
JavaScript ਆਬਜੈਕਟ ਦੁਹਰਾਓ ਨੂੰ ਸਮੇਟਣਾ
JavaScript ਆਬਜੈਕਟਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਦੁਹਰਾਉਣ ਲਈ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਅਤੇ ਉਹਨਾਂ ਦੇ ਉਚਿਤ ਵਰਤੋਂ ਦੇ ਮਾਮਲਿਆਂ ਨੂੰ ਸਮਝਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਸਧਾਰਨ ਤੋਂ for...in ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਹੋਰ ਤਕਨੀਕੀ ਤਕਨੀਕਾਂ ਵੱਲ ਲੂਪ Object.entries() ਅਤੇ Reflect.ownKeys(), ਹਰੇਕ ਪਹੁੰਚ ਦੇ ਇਸਦੇ ਫਾਇਦੇ ਹਨ। ਇਹਨਾਂ ਵਿਧੀਆਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਨ ਨਾਲ ਵਿਭਿੰਨ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦ੍ਰਿਸ਼ਾਂ ਨੂੰ ਸੰਭਾਲਣ ਦੀ ਤੁਹਾਡੀ ਯੋਗਤਾ ਵਿੱਚ ਵਾਧਾ ਹੋਵੇਗਾ, ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਦੇ ਹੋਏ ਕਿ ਤੁਸੀਂ ਆਪਣੀਆਂ JavaScript ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਵਸਤੂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਅਤੇ ਹੇਰਾਫੇਰੀ ਕਰ ਸਕਦੇ ਹੋ।