JavaScript ਵਿੱਚ ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਮਿਲਾਉਣਾ
ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਨਾਲ ਕੰਮ ਕਰਨਾ JavaScript ਵਿੱਚ ਇੱਕ ਨਿਯਮਤ ਕੰਮ ਹੈ, ਪਰ ਉਹਨਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਅਤੇ ਯੋਜਨਾਬੱਧ ਢੰਗ ਨਾਲ ਜੋੜਨਾ ਕਈ ਵਾਰ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ। ਇੱਕ ਅਜਿਹੀ ਉਦਾਹਰਨ ਹੈ ਮੁੱਲਾਂ ਦੀ ਇੱਕ ਐਰੇ ਨੂੰ ਲੈਣਾ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਮੌਜੂਦਾ ਵਸਤੂਆਂ ਦੀ ਐਰੇ ਵਿੱਚ ਨਵੇਂ ਕੁੰਜੀ-ਮੁੱਲ ਜੋੜਿਆਂ ਵਜੋਂ ਜੋੜਨਾ। ਇਸ ਪ੍ਰਕਿਰਿਆ ਲਈ ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਦੀ ਪੂਰੀ ਸਮਝ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਨਾਲ ਹੀ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਉਹਨਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ।
ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਕਾਰਨਾਂ ਦੀ ਇੱਕ ਲੜੀ ਹੈ ਅਤੇ ਤੁਸੀਂ ਐਰੇ ਵਿੱਚ ਸਬੰਧਿਤ ਵਸਤੂਆਂ ਨੂੰ ਹਰੇਕ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਸ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਸਿੱਧੀਆਂ ਤਕਨੀਕਾਂ ਹਨ। ਇਸ ਪਹੁੰਚ ਲਈ ਇੱਕੋ ਸਮੇਂ ਕਾਰਨਾਂ ਦੀ ਐਰੇ ਅਤੇ ਆਬਜੈਕਟ ਦੀ ਐਰੇ ਦੋਵਾਂ ਦੁਆਰਾ ਦੁਹਰਾਉਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ, ਅਸੀਂ ਵੇਖਾਂਗੇ ਕਿ ਇੱਕ ਵੱਖਰੇ ਐਰੇ ਤੋਂ ਡੇਟਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਰੇ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਵਿੱਚ ਨਵੇਂ ਗੁਣ ਕਿਵੇਂ ਜੋੜਦੇ ਹਨ। ਇਹ ਉਹਨਾਂ ਸਥਿਤੀਆਂ ਵਿੱਚ ਸੌਖਾ ਹੋ ਸਕਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਮੌਜੂਦਾ ਵਸਤੂਆਂ ਨੂੰ ਜਾਣਕਾਰੀ ਦੇ ਨਾਲ ਪੂਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਜੋ ਕਿਤੇ ਹੋਰ ਰੱਖੀ ਜਾਂਦੀ ਹੈ।
ਇਸ ਲੇਖ ਦੇ ਅੰਤ ਤੱਕ, ਤੁਸੀਂ ਆਪਣੇ JavaScript ਕੋਡ ਨੂੰ ਸੰਖੇਪ ਅਤੇ ਪੜ੍ਹਨਯੋਗ ਰੱਖਦੇ ਹੋਏ, ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ ਬਾਰੇ ਜਾਣੋਗੇ। ਆਓ ਇਸ ਮੁੱਦੇ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਕਦਮ-ਦਰ-ਕਦਮ ਪਹੁੰਚ 'ਤੇ ਚੱਲੀਏ।
ਹੁਕਮ | ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ |
---|---|
map() | ਇਹ ਵਿਧੀ ਮੂਲ ਐਰੇ ਦੇ ਹਰੇਕ ਐਲੀਮੈਂਟ ਉੱਤੇ ਇੱਕ ਫੰਕਸ਼ਨ ਨੂੰ ਕਾਲ ਕਰਕੇ ਇੱਕ ਨਵੀਂ ਐਰੇ ਬਣਾਉਣ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ। ਸਕ੍ਰਿਪਟ ਵਿੱਚ, ਆਬਜੈਕਟ ਦੀ ਐਰੇ ਵਿੱਚ ਹਰੇਕ ਵਸਤੂ ਨੂੰ ਕਾਰਨ ਐਰੇ ਤੋਂ ਅਨੁਸਾਰੀ ਮੁੱਲ ਨਾਲ ਮਿਲਾ ਦਿੱਤਾ ਗਿਆ ਸੀ। |
for loop | ਇੱਕ ਮਿਆਰੀ JavaScript ਲੂਪ ਜੋ ਐਰੇ ਉੱਤੇ ਦੁਹਰਾਉਂਦਾ ਹੈ। ਇਹ ਸਾਨੂੰ ਆਬਜੈਕਟ ਦੀ ਐਰੇ ਵਿੱਚ ਹਰੇਕ ਵਸਤੂ ਲਈ ਇੱਕ ਨਵਾਂ ਕੁੰਜੀ-ਮੁੱਲ ਜੋੜਾ ਹੱਥੀਂ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। |
spread operator (...) | ਸਪ੍ਰੈਡ ਆਪਰੇਟਰ ਦੀ ਵਰਤੋਂ ਮੌਜੂਦਾ ਆਬਜੈਕਟ ਤੋਂ ਨਵੀਂ ਵਸਤੂ ਵਿੱਚ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਨਕਲ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਦ੍ਰਿਸ਼ ਵਿੱਚ, ਇਸਦੀ ਵਰਤੋਂ ਮੌਜੂਦਾ ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਨਵੀਂ "ਕਾਰਨ" ਕੁੰਜੀ ਨੂੰ ਮਿਲਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। |
try...catch | JavaScript ਵਿੱਚ, ਇਸਦੀ ਵਰਤੋਂ ਗਲਤੀਆਂ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਕੰਸਟਰੱਕਟ ਸਾਨੂੰ ਕਿਸੇ ਵੀ ਗਲਤੀ ਦਾ ਪਤਾ ਲਗਾਉਣ ਅਤੇ ਪ੍ਰਬੰਧਨ ਕਰਨ ਦਿੰਦਾ ਹੈ ਜੋ ਐਰੇ ਨੂੰ ਮਿਲਾਉਂਦੇ ਸਮੇਂ ਪੈਦਾ ਹੋ ਸਕਦੀਆਂ ਹਨ, ਨਤੀਜੇ ਵਜੋਂ ਵਧੇਰੇ ਮਜ਼ਬੂਤ ਕੋਡ ਹੁੰਦਾ ਹੈ। |
Array.isArray() | ਇਹ ਤਕਨੀਕ ਇਹ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਕੀ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ ਇੱਕ ਐਰੇ ਹੈ। ਇਹ ਭਰੋਸਾ ਦਿਵਾਉਂਦਾ ਹੈ ਕਿ ਫੰਕਸ਼ਨ ਸਿਰਫ ਵੈਧ ਐਰੇ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ, ਜੋ ਰਨਟਾਈਮ ਮੁੱਦਿਆਂ ਤੋਂ ਬਚਣ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ। |
throw | ਟੌਸ ਸਟੇਟਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਸਟਮ ਗਲਤੀਆਂ ਬਣਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਸਕ੍ਰਿਪਟ ਪੁਸ਼ਟੀ ਕਰਦੀ ਹੈ ਕਿ ਦੋਵੇਂ ਐਰੇ ਸਮਾਨ ਲੰਬਾਈ ਦੇ ਹਨ ਅਤੇ ਵਿਧੀ ਨੂੰ ਸਿਰਫ਼ ਵੈਧ ਐਰੇ ਹੀ ਸਪਲਾਈ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। |
console.error() | ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਕੰਸੋਲ ਵਿੱਚ ਗਲਤੀ ਸੁਨੇਹਿਆਂ ਨੂੰ ਰਿਕਾਰਡ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਹ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਐਰੇ ਨੂੰ ਮਿਲਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ ਕੀ ਗਲਤ ਹੋਇਆ ਸੀ। |
return | ਇੱਕ ਮੁੱਲ ਵਾਪਸ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਵਿੱਚ, ਇਹ ਸੰਯੁਕਤ ਕੁੰਜੀ-ਮੁੱਲ ਜੋੜਿਆਂ ਦੇ ਨਾਲ ਇੱਕ ਤਾਜ਼ੀ ਬਣੀ ਐਰੇ ਪੈਦਾ ਕਰਦਾ ਹੈ। |
JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਦੇ ਨਾਲ ਐਰੇ ਨੂੰ ਕਿਵੇਂ ਮਿਲਾਉਣਾ ਹੈ ਨੂੰ ਸਮਝਣਾ
ਪਹਿਲਾ ਤਰੀਕਾ ਏ ਲੂਪ ਲਈ ਆਬਜੈਕਟ ਦੇ ਐਰੇ ਅਤੇ ਕਾਰਨ ਐਰੇ ਦੋਵਾਂ ਨੂੰ ਇੱਕੋ ਸਮੇਂ ਤੋਂ ਪਾਰ ਕਰਨ ਲਈ। ਇਹ ਸਮੱਸਿਆ ਦਾ ਸਭ ਤੋਂ ਬੁਨਿਆਦੀ ਹੱਲ ਹੈ ਕਿਉਂਕਿ ਇਹ ਹਰੇਕ ਵਸਤੂ ਨੂੰ ਥਾਂ 'ਤੇ ਅੱਪਡੇਟ ਕਰਦਾ ਹੈ। ਅਸੀਂ ਆਬਜੈਕਟ ਨੂੰ ਲੂਪ ਕਰਦੇ ਹਾਂ, ਹਰ ਇੱਕ ਵਿੱਚ ਇੱਕ ਨਵੀਂ ਕੁੰਜੀ, "ਕਾਰਨ" ਜੋੜਦੇ ਹਾਂ ਅਤੇ ਕਾਰਨ ਐਰੇ ਤੋਂ ਇੱਕ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਦੇ ਹਾਂ। ਇਸ ਰਣਨੀਤੀ ਦਾ ਮੁੱਖ ਲਾਭ ਇਸਦੀ ਸਾਦਗੀ ਹੈ, ਜਿਸ ਨਾਲ ਇਹ ਸਿੱਧੇ ਅਤੇ ਸਿੱਧੇ ਜਵਾਬ ਦੀ ਮੰਗ ਕਰਨ ਵਾਲਿਆਂ ਲਈ ਇੱਕ ਵਧੀਆ ਵਿਕਲਪ ਹੈ। ਹਾਲਾਂਕਿ, ਇਹ ਅਸਲ ਐਰੇ ਨੂੰ ਬਦਲਦਾ ਹੈ, ਜੋ ਕਿ ਹਮੇਸ਼ਾ ਫਾਇਦੇਮੰਦ ਨਹੀਂ ਹੋ ਸਕਦਾ ਹੈ ਜੇਕਰ ਤੁਹਾਨੂੰ ਅਸਲ ਡੇਟਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ।
ਦੂਜਾ ਵਿਕਲਪ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਨਕਸ਼ਾ() ਵਿਧੀ, ਜੋ ਕਿ ਇੱਕ ਵਧੇਰੇ ਵਿਹਾਰਕ ਅਤੇ ਮੌਜੂਦਾ ਵਿਕਲਪ ਹੈ। ਇਹ ਵਿਧੀ ਮੌਜੂਦਾ ਨੂੰ ਬਦਲੇ ਬਿਨਾਂ ਇੱਕ ਨਵੀਂ ਐਰੇ ਸਥਾਪਤ ਕਰਨ ਲਈ ਸੰਪੂਰਨ ਹੈ। ਨਕਸ਼ੇ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਅਸੀਂ ਹਰੇਕ ਦੁਹਰਾਅ ਲਈ ਇੱਕ ਨਵੀਂ ਵਸਤੂ ਪੈਦਾ ਕਰ ਸਕਦੇ ਹਾਂ, ਜਿਸ ਵਿੱਚ ਸਾਰੀਆਂ ਮੂਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਾਲ ਨਾਲ ਨਵੀਂ "ਕਾਰਨ" ਵਿਸ਼ੇਸ਼ਤਾ ਵੀ ਸ਼ਾਮਲ ਹੈ। ਦ ਫੈਲਾਅ ਆਪਰੇਟਰ (...) ਦੀ ਵਰਤੋਂ ਮੌਜੂਦਾ ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਨਕਲ ਕਰਨ ਅਤੇ "ਕਾਰਨ" ਕੁੰਜੀ ਨੂੰ ਜੋੜਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਤਕਨੀਕ ਵਧੇਰੇ ਅਨੁਕੂਲ ਹੈ ਅਤੇ ਹਾਲ ਹੀ ਦੇ JavaScript ਨਿਯਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦੀ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਕਾਰਜਸ਼ੀਲ ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿੱਚ। ਇਹ ਵਧੇਰੇ ਪੜ੍ਹਨਯੋਗ ਵੀ ਹੈ, ਜਿਸ ਨਾਲ ਵੱਡੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਪ੍ਰਬੰਧਨ ਕਰਨਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ।
ਤੀਜੀ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਟਰਾਈ-ਕੈਚ ਬਲਾਕਾਂ ਅਤੇ ਵਿਧੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪ੍ਰਮਾਣਿਕਤਾ ਦੇ ਨਾਲ ਗਲਤੀ ਪ੍ਰਬੰਧਨ ਪੇਸ਼ ਕੀਤਾ ਹੈ ਜਿਵੇਂ ਕਿ Array.isArray(). ਇਹ ਯਕੀਨ ਦਿਵਾਉਂਦਾ ਹੈ ਕਿ ਫੰਕਸ਼ਨ ਸਿਰਫ ਐਰੇ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ, ਜੇਕਰ ਗੈਰ-ਐਰੇ ਇਨਪੁਟ ਦਿੱਤੇ ਜਾਂਦੇ ਹਨ ਤਾਂ ਅਚਾਨਕ ਵਿਵਹਾਰ ਤੋਂ ਬਚਦੇ ਹੋਏ। ਅਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਇੱਕ ਲੰਬਾਈ ਜਾਂਚ ਵੀ ਸ਼ਾਮਲ ਕੀਤੀ ਹੈ ਕਿ ਅਭੇਦ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਐਰੇ ਇੱਕੋ ਜਿਹੀਆਂ ਸਨ। ਜੇਕਰ ਕੋਈ ਮੇਲ ਨਹੀਂ ਖਾਂਦਾ ਹੈ, ਤਾਂ ਇੱਕ ਅਪਵਾਦ ਸੁੱਟਿਆ ਜਾਂਦਾ ਹੈ, ਡੇਟਾ ਇਕਸਾਰਤਾ ਨੂੰ ਕਾਇਮ ਰੱਖਦੇ ਹੋਏ। ਇਹ ਸੰਸਕਰਣ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਉਹਨਾਂ ਸਥਿਤੀਆਂ ਵਿੱਚ ਲਾਭਦਾਇਕ ਹੈ ਜਿੱਥੇ ਡੇਟਾ ਅਚਾਨਕ ਸਰੋਤਾਂ ਤੋਂ ਆ ਸਕਦਾ ਹੈ ਜਾਂ ਉਪਭੋਗਤਾ ਇਨਪੁਟ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ.
ਇਹ ਅੰਤਮ ਹੱਲ ਵੀ ਮਾਡਯੂਲਰ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਫੰਕਸ਼ਨ ਨੂੰ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਕਈ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਗਲਤੀ ਨਾਲ ਨਜਿੱਠਣ ਅਤੇ ਇਨਪੁਟ ਪ੍ਰਮਾਣਿਕਤਾ ਇਸਦੀ ਮਜ਼ਬੂਤੀ ਅਤੇ ਸੁਰੱਖਿਆ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦੀ ਹੈ, ਜੋ ਕਿ ਵੱਡੇ ਸਿਸਟਮਾਂ ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਹੈ ਜਿੱਥੇ ਡੇਟਾ ਇਕਸਾਰਤਾ ਮਹੱਤਵਪੂਰਨ ਹੈ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਕਾਰਜਸ਼ੀਲ ਅਤੇ ਕਾਰਜਪ੍ਰਣਾਲੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿਧੀਆਂ ਦੇ ਸੁਮੇਲ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਪ੍ਰੋਜੈਕਟ ਦੀਆਂ ਲੋੜਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਚੁਣਨ ਲਈ ਕਈ ਤਰ੍ਹਾਂ ਦੇ ਤਰੀਕੇ ਹਨ। ਯੂਨਿਟ ਟੈਸਟਾਂ ਨੂੰ ਜੋੜਨਾ, ਜਿਵੇਂ ਕਿ ਪਿਛਲੀ ਉਦਾਹਰਨ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇਹ ਪੁਸ਼ਟੀ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਉਹਨਾਂ ਦਾ ਕੋਡ ਵੱਖ-ਵੱਖ ਸਥਿਤੀਆਂ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ, ਇਸ ਨੂੰ ਹੋਰ ਸਥਿਰ ਅਤੇ ਉਤਪਾਦਨ ਲਈ ਤਿਆਰ ਬਣਾਉਂਦਾ ਹੈ।
JavaScript ਵਿੱਚ ਐਰੇ ਤੋਂ ਆਬਜੈਕਟ ਦੇ ਐਰੇ ਵਿੱਚ ਕੁੰਜੀ/ਮੁੱਲ ਜੋੜਨਾ
JavaScript ਦੇ ਨਾਲ ਇੱਕ ਬੁਨਿਆਦੀ ਦੁਹਰਾਓ ਪਹੁੰਚ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
{ id: 1, Data: 'yes', active: true },
{ id: 2, Data: 'yes', active: false },
{ id: 3, Data: 'data', active: false }
];
// Simple for loop to add reason key
for (let i = 0; i < data.length; i++) {
data[i].reason = reasons[i];
}
console.log(data);
// Output: [
// { id: 1, Data: 'yes', active: true, reason: 'a' },
// { id: 2, Data: 'yes', active: false, reason: 'b' },
// { id: 3, Data: 'data', active: false, reason: 'c' }
// ]
JavaScript ਦੇ ਮੈਪ() ਵਿਧੀ ਨਾਲ ਆਬਜੈਕਟਸ ਲਈ ਐਰੇ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਮੈਪ ਕਰਨਾ
ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਪ੍ਰੋਗਰਾਮਿੰਗ ਪਹੁੰਚ ਲਈ JavaScript ਦਾ ਨਕਸ਼ਾ() ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
{ id: 1, Data: 'yes', active: true },
{ id: 2, Data: 'yes', active: false },
{ id: 3, Data: 'data', active: false }
];
// Using map to return a new array with the added 'reason' key
const updatedData = data.map((item, index) => ({
...item,
reason: reasons[index]
}));
console.log(updatedData);
// Output: [
// { id: 1, Data: 'yes', active: true, reason: 'a' },
// { id: 2, Data: 'yes', active: false, reason: 'b' },
// { id: 3, Data: 'data', active: false, reason: 'c' }
// ]
ਐਰਰ ਹੈਂਡਲਿੰਗ ਅਤੇ ਵੈਲੀਡੇਸ਼ਨ ਦੇ ਨਾਲ ਆਬਜੈਕਟ ਦੇ ਐਰੇ ਵਿੱਚ ਐਰੇ ਸ਼ਾਮਲ ਕਰੋ।
JavaScript ਵਿੱਚ ਗਲਤੀ ਪ੍ਰਬੰਧਨ ਅਤੇ ਡੇਟਾ ਪ੍ਰਮਾਣਿਕਤਾ ਦੇ ਨਾਲ ਸੁਰੱਖਿਅਤ ਸੰਚਾਲਨ ਨੂੰ ਯਕੀਨੀ ਬਣਾਓ।
// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
{ id: 1, Data: 'yes', active: true },
{ id: 2, Data: 'yes', active: false },
{ id: 3, Data: 'data', active: false }
];
// Function to safely merge arrays, with validation and error handling
function mergeArrayWithObjects(dataArray, reasonsArray) {
if (!Array.isArray(dataArray) || !Array.isArray(reasonsArray)) {
throw new Error('Both arguments must be arrays');
}
if (dataArray.length !== reasonsArray.length) {
throw new Error('Arrays must be of the same length');
}
return dataArray.map((item, index) => ({
...item,
reason: reasonsArray[index]
}));
}
try {
const result = mergeArrayWithObjects(data, reasons);
console.log(result);
} catch (error) {
console.error('Error:', error.message);
}
ਆਬਜੈਕਟ ਨਾਲ ਐਰੇ ਮਿਲਾਉਣਾ: ਉੱਨਤ ਤਕਨੀਕਾਂ ਦੀ ਪੜਚੋਲ ਕਰਨਾ
ਆਬਜੈਕਟ ਦੇ ਐਰੇ ਵਿੱਚ ਐਰੇ ਜੋੜਦੇ ਸਮੇਂ, ਇੱਕ ਕਾਰਕ ਜਿਸ ਨੂੰ ਅਜੇ ਤੱਕ ਸੰਬੋਧਿਤ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਵੱਡੇ ਡੇਟਾਸੈਟਾਂ ਵਿੱਚ, ਡੇਟਾ ਇਕਸਾਰਤਾ ਦੇ ਪ੍ਰਬੰਧਨ ਦੀ ਮਹੱਤਤਾ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ ਵਿਲੀਨ ਕੀਤਾ ਜਾ ਰਿਹਾ ਡੇਟਾ ਸਹੀ ਅਤੇ ਢਾਂਚਾਗਤ ਹੈ, ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਸਮੱਸਿਆਵਾਂ ਤੋਂ ਬਚਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਅਸਮਾਨ ਐਰੇ ਲੰਬਾਈ, ਨਲ ਮੁੱਲ, ਜਾਂ ਪਰਿਭਾਸ਼ਿਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਤੀਜੇ ਵਜੋਂ ਨੁਕਸ ਜਾਂ ਗਲਤ ਡੇਟਾ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ ਨੂੰ ਠੀਕ ਕਰਨ ਲਈ, ਏ ਮੂਲ ਮੁੱਲ ਜੇਕਰ ਐਰੇ ਵਿੱਚ ਸੰਬੰਧਿਤ ਕੁੰਜੀ ਗੈਰਹਾਜ਼ਰ ਹੈ। ਇਹ ਰਨਟਾਈਮ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਰੋਕਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦਾ ਹੈ ਕਿ ਸਾਰੀਆਂ ਵਸਤੂਆਂ ਵਿੱਚ ਵੈਧ ਡੇਟਾ ਹੈ।
ਵਿਚਾਰ ਕਰਨ ਲਈ ਇੱਕ ਹੋਰ ਉੱਨਤ ਵਿਕਲਪ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ ਵਿਨਾਸ਼ਕਾਰੀ JavaScript ਵਿੱਚ. ਡਿਸਟ੍ਰਕਚਰਿੰਗ ਤੁਹਾਨੂੰ ਐਰੇ ਜਾਂ ਵਸਤੂਆਂ ਤੋਂ ਮੁੱਲਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਐਕਸਟਰੈਕਟ ਕਰਨ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਲਾਈਨ 'ਤੇ ਵੇਰੀਏਬਲਾਂ ਲਈ ਨਿਰਧਾਰਤ ਕਰਨ ਦੇ ਯੋਗ ਬਣਾਉਂਦਾ ਹੈ। ਐਰੇ ਅਤੇ ਆਬਜੈਕਟ ਨੂੰ ਜੋੜਦੇ ਸਮੇਂ, ਵਿਨਾਸ਼ਕਾਰੀ ਸੰਟੈਕਸ ਨੂੰ ਸਰਲ ਬਣਾ ਸਕਦਾ ਹੈ ਅਤੇ ਮਲਟੀਪਲ ਕੁੰਜੀਆਂ ਨਾਲ ਕੰਮ ਕਰਨਾ ਆਸਾਨ ਬਣਾ ਸਕਦਾ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਹਰੇਕ ਸੰਪੱਤੀ ਨੂੰ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਹਵਾਲਾ ਦੇਣ ਦੀ ਬਜਾਏ, ਤੁਸੀਂ ਮੁੱਲਾਂ ਨੂੰ ਐਕਸਟਰੈਕਟ ਕਰਨ ਲਈ ਵਿਨਾਸ਼ਕਾਰੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਤੁਰੰਤ ਆਪਣੇ ਆਬਜੈਕਟ ਵਿੱਚ ਨਵੀਆਂ ਕੁੰਜੀਆਂ ਵਜੋਂ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ।
ਇਸ ਤੋਂ ਇਲਾਵਾ, ਅਸਿੰਕ੍ਰੋਨਸ ਡੇਟਾ ਪ੍ਰੋਸੈਸਿੰਗ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨਾ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਪਹਿਲੂ ਹੈ। ਰੀਅਲ-ਵਰਲਡ ਐਪਸ ਵਿੱਚ, ਤੁਹਾਡੇ ਦੁਆਰਾ ਮਿਲਾ ਰਹੇ ਐਰੇ ਇੱਕ API ਕਾਲ ਜਾਂ ਡੇਟਾਬੇਸ ਪੁੱਛਗਿੱਛ ਤੋਂ ਆ ਸਕਦੇ ਹਨ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਵਾਅਦਿਆਂ ਨਾਲ ਕੰਮ ਕਰ ਰਹੇ ਹੋਵੋਗੇ ਜਾਂ ਅਸਿੰਕ/ਉਡੀਕ ਕਰੋਗੇ। ਐਰੇ-ਅਭੇਦ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਅਸਿੰਕ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਤੁਹਾਨੂੰ ਅਭੇਦ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਡੇਟਾ ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਦੀ ਉਡੀਕ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਖਤਰਨਾਕ ਨਸਲੀ ਸਥਿਤੀਆਂ ਤੋਂ ਬਚਦੇ ਹੋਏ, ਡੇਟਾ ਦੀ ਹੇਰਾਫੇਰੀ ਢੁਕਵੇਂ ਸਮੇਂ 'ਤੇ ਹੁੰਦੀ ਹੈ।
JavaScript ਵਿੱਚ ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਨੂੰ ਮਿਲਾਉਣ ਬਾਰੇ ਆਮ ਸਵਾਲ
- ਮਿਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਤੁਸੀਂ ਇਸ ਗੱਲ ਦੀ ਪੁਸ਼ਟੀ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਦੋਵੇਂ ਐਰੇ ਇੱਕੋ ਲੰਬਾਈ ਦੇ ਹਨ?
- ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ Array.length ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਕਿ ਦੋਵਾਂ ਐਰੇ ਦੀ ਲੰਬਾਈ ਇੱਕੋ ਹੈ। ਜੇਕਰ ਉਹ ਮੇਲ ਨਹੀਂ ਖਾਂਦੇ, ਤਾਂ ਤੁਹਾਨੂੰ ਗਲਤੀ ਜਾਂ ਫਾਲਬੈਕ ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੇਮੇਲ ਨੂੰ ਸੰਭਾਲਣਾ ਚਾਹੀਦਾ ਹੈ।
- ਕੀ ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਐਰੇ ਨੂੰ ਆਬਜੈਕਟ ਵਿੱਚ ਮਿਲਾ ਸਕਦੇ ਹੋ?
- ਹਾਂ, ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਐਰੇ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ। JavaScript ਵਸਤੂਆਂ ਵਿੱਚ ਕਈ ਡਾਟਾ ਕਿਸਮਾਂ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀਆਂ ਹਨ, ਇਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਇੱਕ ਢੰਗ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ map() ਟੈਕਸਟ, ਸੰਖਿਆਵਾਂ, ਜਾਂ ਇੱਥੋਂ ਤੱਕ ਕਿ ਬੁਲੀਅਨਾਂ ਨੂੰ ਇੱਕ ਨਵੇਂ ਕੁੰਜੀ-ਮੁੱਲ ਜੋੜੇ ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕ ਵਸਤੂ ਵਿੱਚ ਜੋੜਨ ਲਈ।
- ਕੀ ਜੇ ਐਰੇ ਵਿੱਚੋਂ ਇੱਕ ਵਿੱਚ ਨਲ ਜਾਂ ਪਰਿਭਾਸ਼ਿਤ ਮੁੱਲ ਹਨ?
- ਜੇਕਰ ਐਰੇ ਵਿੱਚੋਂ ਇੱਕ ਵਿੱਚ ਨਲ ਜਾਂ ਪਰਿਭਾਸ਼ਿਤ ਸ਼ਾਮਲ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਦੁਹਰਾਓ ਦੌਰਾਨ ਹਰੇਕ ਮੁੱਲ ਦੀ ਪੁਸ਼ਟੀ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇੱਕ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ default value ਉਹਨਾਂ ਨੂੰ ਤੁਹਾਡੀਆਂ ਵਸਤੂਆਂ ਵਿੱਚ ਪਾਉਣ ਤੋਂ ਰੋਕਣ ਲਈ।
- ਤੁਸੀਂ ਅਸਲ ਐਰੇ ਨੂੰ ਬਦਲੇ ਬਿਨਾਂ ਕਿਸੇ ਐਰੇ ਵਿੱਚ ਆਬਜੈਕਟ ਵਿੱਚ ਡੇਟਾ ਕਿਵੇਂ ਜੋੜਦੇ ਹੋ?
- ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ map() ਅੱਪਡੇਟ ਕੀਤੇ ਡੇਟਾ ਦੇ ਨਾਲ ਇੱਕ ਨਵੀਂ ਐਰੇ ਨੂੰ ਵਾਪਸ ਕਰਨ ਦਾ ਤਰੀਕਾ, ਅਸਲੀ ਐਰੇ ਨੂੰ ਬਦਲਿਆ ਨਾ ਰੱਖਦੇ ਹੋਏ।
- ਅਸਿੰਕ੍ਰੋਨਸ ਓਪਰੇਸ਼ਨਾਂ ਵਿੱਚ ਅਭੇਦ ਹੋਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਕੀ ਹੈ?
- ਅਸਿੰਕ੍ਰੋਨਸ ਡੇਟਾ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਤੁਸੀਂ ਵਰਤ ਸਕਦੇ ਹੋ async/await ਜਾਂ Promises ਦੋਵਾਂ ਐਰੇ ਨੂੰ ਮਿਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਹੁੰਚਯੋਗ ਹੋਣ ਦੀ ਉਡੀਕ ਕਰਨ ਲਈ।
ਆਬਜੈਕਟ ਦੇ ਨਾਲ ਐਰੇ ਨੂੰ ਮਿਲਾਉਣ 'ਤੇ ਅੰਤਿਮ ਵਿਚਾਰ
JavaScript ਵਿੱਚ ਆਬਜੈਕਟ ਦੀ ਇੱਕ ਮੌਜੂਦਾ ਐਰੇ ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਕੁੰਜੀ-ਮੁੱਲ ਜੋੜਾ ਸਹੀ ਢੰਗ ਨਾਲ ਜੋੜਨ ਲਈ, ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਵੱਖ-ਵੱਖ ਤਕਨੀਕਾਂ ਨੂੰ ਸਮਝਣਾ ਚਾਹੀਦਾ ਹੈ। ਦੋਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਲੂਪਸ ਅਤੇ ਕਾਰਜਕਾਰੀ ਢੰਗ ਜਿਵੇਂ ਕਿ ਨਕਸ਼ਾ() ਹਾਲਾਤ ਦੇ ਆਧਾਰ 'ਤੇ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰੋ।
ਐਰਰ ਹੈਂਡਲਿੰਗ ਅਤੇ ਪ੍ਰਮਾਣਿਕਤਾ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਇਹ ਵੀ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡੀਆਂ ਐਰੇ ਅਤੇ ਵਸਤੂਆਂ ਕੋਲ ਸਹੀ ਡਾਟਾ ਹੈ। ਢੁਕਵੇਂ ਢੰਗ ਨਾਲ, ਤੁਸੀਂ ਡੇਟਾ ਦੀ ਸ਼ੁੱਧਤਾ ਅਤੇ ਭਰੋਸੇਯੋਗਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹੋਏ ਆਪਣੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਐਰੇ ਅਤੇ ਆਬਜੈਕਟਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਮਿਲਾ ਸਕਦੇ ਹੋ।
ਸਰੋਤ ਅਤੇ ਹਵਾਲੇ
- ਐਰੇ ਹੇਰਾਫੇਰੀ ਅਤੇ ਆਬਜੈਕਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ 'ਤੇ ਵਿਸਤ੍ਰਿਤ JavaScript ਦਸਤਾਵੇਜ਼ ਇੱਥੇ ਲੱਭੇ ਜਾ ਸਕਦੇ ਹਨ MDN ਵੈੱਬ ਡੌਕਸ .
- JavaScript ਦੀ ਮੈਪ() ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਕਾਰਜਸ਼ੀਲ ਪ੍ਰੋਗਰਾਮਿੰਗ ਪਹੁੰਚਾਂ ਲਈ, ਵੇਖੋ freeCodeCamp .
- ਤੋਂ JavaScript ਗਲਤੀ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਵਧੀਆ ਅਭਿਆਸਾਂ ਬਾਰੇ ਹੋਰ ਜਾਣੋ GeeksforGeeks .