ਸੂਚਕਾਂਕ ਅਤੇ ਸ਼ਰਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਐਰੇ ਮੈਪਿੰਗ ਨਾਲ ਕੰਮ ਕਰਨਾ
ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ JavaScript ਐਰੇ, ਤੁਹਾਨੂੰ ਕਦੇ-ਕਦਾਈਂ ਕਿਸੇ ਖਾਸ ਸੂਚਕਾਂਕ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਤੱਤਾਂ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਕੇ ਡੇਟਾ ਨੂੰ ਬਦਲਣ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ। ਵਰਗੇ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ Array.map() ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਐਰੇ ਰਾਹੀਂ ਕੁਸ਼ਲਤਾ ਨਾਲ ਦੁਹਰਾਉਣ ਅਤੇ ਪਰਿਵਰਤਨ ਲਾਗੂ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਹਾਲਾਂਕਿ, ਸ਼ਰਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਫਿਲਟਰ ਕਰਨ ਵੇਲੇ ਸਭ ਤੋਂ ਵਧੀਆ ਪਹੁੰਚ ਦਾ ਪਤਾ ਲਗਾਉਣ ਨਾਲ ਕੁਝ ਸਵਾਲ ਪੈਦਾ ਹੋ ਸਕਦੇ ਹਨ।
ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਪੜਚੋਲ ਕਰਾਂਗੇ ਕਿ ਇੱਕ ਦਿੱਤੇ ਸੂਚਕਾਂਕ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੀ ਇੱਕ ਐਰੇ ਨੂੰ ਕਿਵੇਂ ਮੈਪ ਕਰਨਾ ਹੈ ਅਤੇ ਇੱਕ ਪਰਿਭਾਸ਼ਿਤ ਦੇ ਅਧਾਰ ਤੇ ਇਸਦੇ ਤੱਤਾਂ ਨੂੰ ਫਿਲਟਰ ਕਰਨਾ ਹੈ ਮਾਪਦੰਡ. ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਆਮ ਲੋੜ ਇੱਕ ਖਾਸ ਮੁੱਲ ਤੋਂ ਛੋਟੇ ਸੰਖਿਆਵਾਂ ਦੇ ਸੂਚਕਾਂਕ ਨੂੰ ਐਕਸਟਰੈਕਟ ਕਰਨਾ ਹੈ। ਇਹ ਵਿਸ਼ਾ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਮਹੱਤਵਪੂਰਨ ਬਣ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਵੱਡੇ ਡੇਟਾਸੇਟਾਂ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋਏ ਜਿੱਥੇ ਕੁਸ਼ਲਤਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦੀ ਹੈ।
ਪ੍ਰਦਾਨ ਕੀਤਾ ਕੋਡ ਸਨਿੱਪਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਨਕਸ਼ਾ() ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨ. ਹਾਲਾਂਕਿ, ਡਿਵੈਲਪਰ ਅਕਸਰ ਹੈਰਾਨ ਹੁੰਦੇ ਹਨ ਕਿ ਕੀ Array.map() ਇਸ ਕੰਮ ਲਈ ਸਭ ਤੋਂ ਢੁਕਵਾਂ ਵਿਕਲਪ ਹੈ ਜਾਂ ਜੇ ਹੋਰ ਕੁਸ਼ਲ ਵਿਕਲਪ ਹਨ। ਅਸੀਂ ਤੁਹਾਨੂੰ ਸਭ ਤੋਂ ਵਧੀਆ ਪਹੁੰਚ ਵੱਲ ਸੇਧ ਦੇਣ ਲਈ ਸਮੱਸਿਆ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਾਂਗੇ।
ਇਸ ਵਿਚਾਰ-ਵਟਾਂਦਰੇ ਦੇ ਅੰਤ ਤੱਕ, ਤੁਸੀਂ ਦੋਵਾਂ ਦੇ ਅਧਾਰ ਤੇ ਐਰੇ ਨੂੰ ਕਿਵੇਂ ਹੇਰਾਫੇਰੀ ਕਰਨਾ ਹੈ ਬਾਰੇ ਇੱਕ ਬਿਹਤਰ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰੋਗੇ ਸੂਚਕਾਂਕ ਅਤੇ ਮੁੱਲ-ਆਧਾਰਿਤ ਸ਼ਰਤਾਂ। ਅਸੀਂ ਉਹਨਾਂ ਵਿਕਲਪਾਂ ਨੂੰ ਵੀ ਦੇਖਾਂਗੇ ਜੋ ਬਿਹਤਰ ਪ੍ਰਦਰਸ਼ਨ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰ ਸਕਦੇ ਹਨ, ਖਾਸ ਤੌਰ 'ਤੇ ਲਈ ਵੱਡੇ ਐਰੇ.
ਹੁਕਮ | ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ |
---|---|
Array.slice() | ਇੱਕ ਨਿਰਧਾਰਤ ਸੂਚਕਾਂਕ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਐਰੇ ਦੇ ਇੱਕ ਹਿੱਸੇ ਦੀ ਇੱਕ ਘੱਟ ਕਾਪੀ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਇਹ ਸੂਚਕਾਂਕ 1 ਤੋਂ ਅੱਗੇ ਤੱਤਾਂ ਨੂੰ ਅਲੱਗ ਕਰਦਾ ਹੈ: array.slice(1) ਤੱਤ ਕੱਢਦਾ ਹੈ [2, 8, 3, 4, 6]। |
Array.map() | This command transforms each element of the array. It’s used to return either the element's index or -1 depending on the condition. Example: array.map((x, i) =>ਇਹ ਕਮਾਂਡ ਐਰੇ ਦੇ ਹਰੇਕ ਤੱਤ ਨੂੰ ਬਦਲ ਦਿੰਦੀ ਹੈ। ਇਹ ਸਥਿਤੀ ਦੇ ਆਧਾਰ 'ਤੇ ਜਾਂ ਤਾਂ ਤੱਤ ਦੇ ਸੂਚਕਾਂਕ ਜਾਂ -1 ਨੂੰ ਵਾਪਸ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਉਦਾਹਰਨ: array.map((x, i) => (x |
Array.filter() | Removes unwanted elements from the transformed array. For example, filter(i =>ਪਰਿਵਰਤਿਤ ਐਰੇ ਤੋਂ ਅਣਚਾਹੇ ਤੱਤਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਫਿਲਟਰ(i => i !== -1) ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਨਕਸ਼ਾ() ਕਾਰਵਾਈ ਤੋਂ ਬਾਅਦ ਸਿਰਫ਼ ਵੈਧ ਸੂਚਕਾਂਕ ਹੀ ਬਰਕਰਾਰ ਹਨ। |
for loop | ਇੱਕ ਕਲਾਸਿਕ ਲੂਪ ਬਣਤਰ ਜੋ ਦੁਹਰਾਓ 'ਤੇ ਵਧੀਆ ਕੰਟਰੋਲ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ। ਇਸ ਸਮੱਸਿਆ ਵਿੱਚ, ਇਹ ਨਿਰਧਾਰਤ ਸ਼ੁਰੂਆਤੀ ਸੂਚਕਾਂਕ ਤੋਂ ਦੁਹਰਾਉਂਦਾ ਹੈ: ਲਈ (let i = startIndex; i < array.length; i++)। |
Array.reduce() | Used to accumulate results into a single array based on conditions. Here, it collects indexes of elements matching the criteria: array.reduce((acc, val, i) => { if (i >ਸ਼ਰਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਇੱਕ ਸਿੰਗਲ ਐਰੇ ਵਿੱਚ ਨਤੀਜਿਆਂ ਨੂੰ ਇਕੱਠਾ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇੱਥੇ, ਇਹ ਮਾਪਦੰਡਾਂ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਤੱਤਾਂ ਦੇ ਸੂਚਕਾਂਕ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ: array.reduce((acc, val, i) => { if (i >= 1 && val |
Jest ਟੈਸਟ() | A testing function from the Jest framework that defines individual test cases. Example: test('Approach 1: Slice and Map', () =>ਜੇਸਟ ਫਰੇਮਵਰਕ ਤੋਂ ਇੱਕ ਟੈਸਟਿੰਗ ਫੰਕਸ਼ਨ ਜੋ ਵਿਅਕਤੀਗਤ ਟੈਸਟ ਕੇਸਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਉਦਾਹਰਨ: ਟੈਸਟ ('ਪਹੁੰਚ 1: ਟੁਕੜਾ ਅਤੇ ਨਕਸ਼ਾ', () => { ... })। |
Jest ਉਮੀਦ ਕਰੋ() | ਜੇਸਟ ਟੈਸਟ ਵਿੱਚ ਸੰਭਾਵਿਤ ਨਤੀਜਾ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ। ਉਦਾਹਰਨ: expect(result).toEqual([1, 3, 4, 5]) ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਆਉਟਪੁੱਟ ਉਮੀਦ ਕੀਤੀ ਐਰੇ ਨਾਲ ਮੇਲ ਖਾਂਦੀ ਹੈ। |
accumulator in reduce() | ਦ ਏ.ਸੀ.ਸੀ ਪੈਰਾਮੀਟਰ ਇਕੱਠੇ ਕੀਤੇ ਨਤੀਜਿਆਂ ਨੂੰ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਸਾਡੇ ਕੇਸ ਵਿੱਚ, ਇਹ ਰੀਡਿਊਡ() ਫੰਕਸ਼ਨ ਦੇ ਅੰਦਰ ਦੁਹਰਾਓ: acc.push(i) ਦੇ ਦੌਰਾਨ ਵੈਧ ਸੂਚਕਾਂਕ ਇਕੱਠੇ ਕਰਦਾ ਹੈ। |
Node.js ਲੋੜ ਹੈ() | Node.js ਵਿੱਚ ਮੋਡੀਊਲ ਆਯਾਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇੱਥੇ, ਇਹ ਜੈਸਟ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਲੋਡ ਕਰਦਾ ਹੈ: const { test, expect } = require('@jest/globals');। |
JavaScript ਵਿੱਚ ਇੱਕ ਖਾਸ ਸੂਚਕਾਂਕ ਤੋਂ ਮੈਪਿੰਗ ਐਰੇ ਵਿੱਚ ਡੂੰਘੀ ਡੁਬਕੀ
ਪਹਿਲੀ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ Array.slice() ਦੇ ਨਾਲ ਮਿਲਾ ਕੇ Array.map(). ਇਹ ਪਹੁੰਚ ਸਾਨੂੰ ਇੱਕ ਖਾਸ ਸੂਚਕਾਂਕ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਮੂਲ ਐਰੇ ਦੇ ਇੱਕ ਹਿੱਸੇ ਨੂੰ ਐਕਸਟਰੈਕਟ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ, ਅਤੇ ਫਿਰ ਇੱਕ ਦਿੱਤੀ ਸਥਿਤੀ ਦੇ ਆਧਾਰ 'ਤੇ ਬਾਕੀ ਬਚੇ ਤੱਤਾਂ ਨੂੰ ਮੈਪ ਕਰਦੀ ਹੈ। ਸਲਾਈਸ ਵਿਧੀ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਅੱਗੇ ਦੀ ਪ੍ਰਕਿਰਿਆ ਲਈ ਚੁਣੇ ਗਏ ਸ਼ੁਰੂਆਤੀ ਸੂਚਕਾਂਕ ਤੋਂ ਸਿਰਫ਼ ਤੱਤ ਹੀ ਵਿਚਾਰੇ ਜਾਂਦੇ ਹਨ। ਮੈਪ ਫੰਕਸ਼ਨ, ਬਦਲੇ ਵਿੱਚ, ਹਰੇਕ ਮੁੱਲ ਦੀ ਜਾਂਚ ਕਰਦਾ ਹੈ ਅਤੇ ਇਸਦਾ ਸੂਚਕਾਂਕ ਵਾਪਸ ਕਰਦਾ ਹੈ ਜੇਕਰ ਇਹ 8 ਤੋਂ ਘੱਟ ਹੋਣ ਦੇ ਮਾਪਦੰਡ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ, ਜਾਂ -1 ਜੇਕਰ ਅਜਿਹਾ ਨਹੀਂ ਹੁੰਦਾ।
ਦੂਸਰੀ ਉਦਾਹਰਨ ਇੱਕ ਰਵਾਇਤੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਹੋਰ ਪ੍ਰਦਰਸ਼ਨ-ਅਨੁਕੂਲ ਪਹੁੰਚ 'ਤੇ ਕੇਂਦਰਿਤ ਹੈ ਲੂਪ ਲਈ. ਇੱਥੇ, ਸਕ੍ਰਿਪਟ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਲੋੜੀਂਦੇ ਸੂਚਕਾਂਕ ਤੋਂ ਲੂਪ ਨੂੰ ਹੱਥੀਂ ਸ਼ੁਰੂ ਕਰਕੇ ਦੁਹਰਾਓ 'ਤੇ ਪੂਰਾ ਨਿਯੰਤਰਣ ਦਿੰਦੀ ਹੈ। ਇਹ ਪਹੁੰਚ ਨਕਸ਼ੇ ਅਤੇ ਫਿਲਟਰ ਵਰਗੇ ਕਾਰਜਸ਼ੀਲ ਤਰੀਕਿਆਂ ਨਾਲ ਜੁੜੇ ਵਾਧੂ ਓਵਰਹੈੱਡ ਤੋਂ ਬਚਦੀ ਹੈ। ਹਰੇਕ ਵੈਧ ਸੂਚਕਾਂਕ ਨੂੰ ਸਿੱਧੇ ਨਤੀਜੇ ਐਰੇ ਵਿੱਚ ਧੱਕਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਵਿਧੀ ਦਾ ਲਾਭ ਵੱਡੇ ਐਰੇ ਦੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਸਪੱਸ਼ਟ ਹੋ ਜਾਂਦਾ ਹੈ, ਜਿੱਥੇ ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਨੂੰ ਘਟਾਉਣ ਨਾਲ ਕਾਰਗੁਜ਼ਾਰੀ ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਸੁਧਾਰ ਹੋ ਸਕਦਾ ਹੈ।
ਤੀਜਾ ਹੱਲ ਵਰਤਦੇ ਹੋਏ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿਕਲਪ ਪੇਸ਼ ਕਰਦਾ ਹੈ Array.reduce(). ਇਹ ਵਿਧੀ ਸੂਚਕਾਂਕ ਨੂੰ ਇਕੱਠਾ ਕਰਦੀ ਹੈ ਜੋ ਇੱਕ ਸਿੰਗਲ ਐਰੇ ਵਿੱਚ ਮਾਪਦੰਡਾਂ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ, ਉਸੇ ਨਤੀਜੇ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਇੱਕ ਸੰਖੇਪ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਘਟਾਓ ਫੰਕਸ਼ਨ ਨਿਰਧਾਰਤ ਸੂਚਕਾਂਕ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਹਰੇਕ ਐਲੀਮੈਂਟ ਉੱਤੇ ਦੁਹਰਾਉਂਦਾ ਹੈ, ਅਤੇ ਜੇਕਰ ਤੱਤ ਸ਼ਰਤ ਨੂੰ ਪੂਰਾ ਕਰਦਾ ਹੈ, ਤਾਂ ਇਹ ਸੂਚਕਾਂਕ ਨੂੰ ਸੰਚਤ ਐਰੇ ਵਿੱਚ ਜੋੜਦਾ ਹੈ। ਘਟਾਓ ਵਿਧੀ ਖਾਸ ਤੌਰ 'ਤੇ ਗੁੰਝਲਦਾਰ ਪਰਿਵਰਤਨ ਲਈ ਲਾਭਦਾਇਕ ਹੈ ਜਿੱਥੇ ਇੱਕ ਸਿੰਗਲ ਪਾਸ ਵਿੱਚ ਫਿਲਟਰਿੰਗ ਅਤੇ ਸੰਚਵ ਦੋਵਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਅੰਤ ਵਿੱਚ, ਇਹਨਾਂ ਹੱਲਾਂ ਨੂੰ ਪ੍ਰਮਾਣਿਤ ਕਰਨ ਲਈ ਯੂਨਿਟ ਟੈਸਟਿੰਗ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਐਰੇ ਦਾ ਆਕਾਰ ਵਧਦਾ ਹੈ ਜਾਂ ਸਥਿਤੀਆਂ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਬਦਲਦੀਆਂ ਹਨ। ਉਦਾਹਰਨ ਵਰਤਦਾ ਹੈ ਮਜ਼ਾਕ ਆਟੋਮੇਟਿਡ ਟੈਸਟਾਂ ਨੂੰ ਚਲਾਉਣ ਲਈ ਫਰੇਮਵਰਕ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ ਹਰੇਕ ਪਹੁੰਚ ਵੱਖ-ਵੱਖ ਮਾਮਲਿਆਂ ਲਈ ਸਹੀ ਆਉਟਪੁੱਟ ਦਿੰਦਾ ਹੈ। ਟੈਸਟਿੰਗ ਕਿਨਾਰਿਆਂ ਦੇ ਕੇਸਾਂ ਦੀ ਪਛਾਣ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ ਅਤੇ ਇਹ ਵਿਸ਼ਵਾਸ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ ਕਿ ਕੋਡ ਵੱਖ-ਵੱਖ ਸਥਿਤੀਆਂ ਵਿੱਚ ਕੰਮ ਕਰੇਗਾ। ਹਰੇਕ ਯੂਨਿਟ ਟੈਸਟ ਇਹ ਪੁਸ਼ਟੀ ਕਰਦਾ ਹੈ ਕਿ ਕੀ ਸਕ੍ਰਿਪਟਾਂ ਦੁਆਰਾ ਵਾਪਸ ਕੀਤੇ ਸੂਚਕਾਂਕ ਸੰਭਾਵਿਤ ਆਉਟਪੁੱਟ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ। ਇਹ ਵਿਆਪਕ ਪਹੁੰਚ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਚੁਣੇ ਗਏ ਢੰਗ ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ, ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਸ਼ੁੱਧਤਾ ਦੋਵੇਂ ਪ੍ਰਾਪਤ ਕੀਤੇ ਗਏ ਹਨ।
ਕਈ ਪਹੁੰਚਾਂ ਦੇ ਨਾਲ ਇੱਕ ਖਾਸ ਸੂਚਕਾਂਕ ਤੋਂ ਇੱਕ ਐਰੇ ਨੂੰ ਮੈਪ ਕਰਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਨਾ
ਇੱਕ ਗਤੀਸ਼ੀਲ ਸੂਚਕਾਂਕ ਤੋਂ ਐਰੇ ਹੇਰਾਫੇਰੀ 'ਤੇ ਫੋਕਸ ਕਰਨ ਵਾਲਾ ਫਰੰਟਐਂਡ JavaScript ਹੱਲ
// Approach 1: Using Array.slice() and Array.map() for Partial Mapping
const array = [4, 2, 8, 3, 4, 6];
const startIndex = 1; // Starting index for filtering
const result = array.slice(startIndex).map((x, i) => (x < 8 ? i + startIndex : -1))
.filter(index => index !== -1);
console.log(result); // Output: [1, 3, 4, 5]
// This method uses slice() to extract the subarray from index 1
// and map() to find indexes of elements meeting the criteria.
ਪ੍ਰਦਰਸ਼ਨ ਲਈ ਲੂਪਸ ਨਾਲ ਐਰੇ ਮੈਪਿੰਗ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ
ਵਾਧੂ ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਤੋਂ ਬਚਣ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਲੂਪ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
// Approach 2: Using a for loop for better control and optimization
const array = [4, 2, 8, 3, 4, 6];
const startIndex = 1;
const result = [];
for (let i = startIndex; i < array.length; i++) {
if (array[i] < 8) result.push(i);
}
console.log(result); // Output: [1, 3, 4, 5]
// This approach provides better performance with large arrays
// by avoiding the overhead of map() and filter().
Node.js ਅਤੇ ਫੰਕਸ਼ਨਲ ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਬੈਕਐਂਡ-ਓਰੀਐਂਟਡ ਹੱਲ
Node.js ਬੈਕਐਂਡ ਹੱਲ ਫੰਕਸ਼ਨਲ ਪ੍ਰੋਗਰਾਮਿੰਗ 'ਤੇ ਫੋਕਸ ਕਰਦਾ ਹੈ
// Approach 3: Functional approach using Array.reduce()
const array = [4, 2, 8, 3, 4, 6];
const startIndex = 1;
const result = array.reduce((acc, val, i) => {
if (i >= startIndex && val < 8) acc.push(i);
return acc;
}, []);
console.log(result); // Output: [1, 3, 4, 5]
// Array.reduce() offers a concise and functional way to collect
// the indexes matching the criteria without additional filtering.
ਸਾਰੇ ਹੱਲਾਂ ਨੂੰ ਪ੍ਰਮਾਣਿਤ ਕਰਨ ਲਈ ਯੂਨਿਟ ਟੈਸਟ
ਜੇਸਟ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ JavaScript ਹੱਲਾਂ ਲਈ ਯੂਨਿਟ ਟੈਸਟਿੰਗ
// Unit tests for all three approaches using Jest
const { test, expect } = require('@jest/globals');
const array = [4, 2, 8, 3, 4, 6];
test('Approach 1: Slice and Map', () => {
const result = array.slice(1).map((x, i) => (x < 8 ? i + 1 : -1)).filter(i => i !== -1);
expect(result).toEqual([1, 3, 4, 5]);
});
test('Approach 2: For Loop', () => {
const result = [];
for (let i = 1; i < array.length; i++) {
if (array[i] < 8) result.push(i);
}
expect(result).toEqual([1, 3, 4, 5]);
});
test('Approach 3: Reduce', () => {
const result = array.reduce((acc, val, i) => {
if (i >= 1 && val < 8) acc.push(i);
return acc;
}, []);
expect(result).toEqual([1, 3, 4, 5]);
});
JavaScript ਵਿੱਚ ਐਡਵਾਂਸਡ ਐਰੇ ਮੈਪਿੰਗ ਤਕਨੀਕਾਂ ਦੀ ਪੜਚੋਲ ਕਰਨਾ
ਵਰਤਣ ਤੋਂ ਪਰੇ ਇੱਕ ਦਿਲਚਸਪ ਪਹੁੰਚ Array.map() ਜਾਂ ਲੂਪਸ ਲਈ ਦਾ ਲਾਭ ਉਠਾ ਰਿਹਾ ਹੈ Array.findIndex() ਸ਼ਰਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਲੱਭਣ ਦਾ ਤਰੀਕਾ। ਇਹ ਵਿਧੀ ਪਹਿਲੇ ਸੂਚਕਾਂਕ ਨੂੰ ਵਾਪਸ ਕਰਦੀ ਹੈ ਜੋ ਕਿਸੇ ਖਾਸ ਸਥਿਤੀ ਨੂੰ ਸੰਤੁਸ਼ਟ ਕਰਦੀ ਹੈ, ਇਹ ਉਪਯੋਗੀ ਬਣਾਉਂਦੀ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਕਿਸੇ ਐਰੇ ਨੂੰ ਮੈਪ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਪਰ ਜਿਵੇਂ ਹੀ ਕੋਈ ਮੇਲ ਖਾਂਦਾ ਤੱਤ ਮਿਲਦਾ ਹੈ ਬੰਦ ਹੋ ਜਾਂਦਾ ਹੈ। ਹਾਲਾਂਕਿ ਇਹ ਪੂਰੀ ਐਰੇ ਦੁਆਰਾ ਦੁਹਰਾਉਣ ਤੋਂ ਥੋੜ੍ਹਾ ਵੱਖਰਾ ਹੈ, ਇਹ ਇੱਕ ਵਿਕਲਪ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਜੋ ਖਾਸ ਵਰਤੋਂ ਦੇ ਮਾਮਲਿਆਂ ਲਈ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਜਦੋਂ ਸਿਰਫ ਪਹਿਲੀ ਮੇਲ ਖਾਂਦੇ ਸੂਚਕਾਂਕ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਪੜ੍ਹਨਯੋਗਤਾ ਵਿੱਚ ਸੁਧਾਰ ਕਰਨ ਦਾ ਇੱਕ ਹੋਰ ਵਿਕਲਪ ਹੈ Array.flatMap(). ਇਹ ਵਿਧੀ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਮਦਦਗਾਰ ਹੈ ਜੇਕਰ ਮੈਪਿੰਗ ਤਰਕ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ ਇਨਪੁਟ ਲਈ ਕਈ ਆਉਟਪੁੱਟ ਬਣਾਉਣਾ ਸ਼ਾਮਲ ਹੈ, ਜਾਂ ਜੇਕਰ ਤੁਹਾਨੂੰ ਨੇਸਟਡ ਨਤੀਜਿਆਂ ਨੂੰ ਇੱਕ-ਅਯਾਮੀ ਐਰੇ ਵਿੱਚ ਸਮਤਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਮਿਆਰੀ ਦੇ ਉਲਟ ਨਕਸ਼ਾ(), ਜੋ ਇੱਕੋ ਲੰਬਾਈ ਦੀ ਇੱਕ ਐਰੇ ਵਾਪਸ ਕਰਦਾ ਹੈ, ਫਲੈਟਮੈਪ() ਇੱਕ ਸਿੰਗਲ ਪਾਸ ਵਿੱਚ ਮੈਪਿੰਗ ਅਤੇ ਫਲੈਟਨਿੰਗ ਓਪਰੇਸ਼ਨਾਂ ਨੂੰ ਜੋੜਦਾ ਹੈ। ਹਾਲਾਂਕਿ ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਨਹੀਂ ਜਾ ਸਕਦਾ ਹੈ, ਇਹ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਸਥਿਤੀਆਂ ਵਿੱਚ ਸੁਚਾਰੂ ਬਣਾ ਸਕਦਾ ਹੈ।
ਅੰਤ ਵਿੱਚ, ਜੇਕਰ ਪ੍ਰਦਰਸ਼ਨ ਇੱਕ ਮੁੱਖ ਚਿੰਤਾ ਹੈ, ਤਾਂ ਇੱਕ ਹਾਈਬ੍ਰਿਡ ਪਹੁੰਚ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਹਰੇਕ ਲਈ() ਇੱਕ ਸਥਿਤੀ-ਅਧਾਰਤ ਪੁਸ਼ ਤਰਕ ਨਾਲ ਮਿਲਾ ਕੇ ਦੁਹਰਾਓ ਲਈ ਗਤੀ ਅਤੇ ਸਰਲਤਾ ਦੋਵਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰ ਸਕਦਾ ਹੈ। ਇਹ ਬੇਲੋੜੀ ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਨੂੰ ਖਤਮ ਕਰਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਤਰਕ ਨੂੰ ਸਰਲ ਰੱਖਦਾ ਹੈ। ਤੋਂ ਹਰੇਕ ਲਈ() ਇੱਕ ਨਵੀਂ ਐਰੇ ਵਾਪਸ ਨਹੀਂ ਕਰਦਾ, ਇਹ ਆਦਰਸ਼ ਹੈ ਜਦੋਂ ਟੀਚਾ ਮਾੜੇ ਪ੍ਰਭਾਵ (ਜਿਵੇਂ ਕਿ ਕਿਸੇ ਬਾਹਰੀ ਐਰੇ ਵਿੱਚ ਮੁੱਲ ਜੋੜਨਾ) ਹੋਵੇ। ਇਹ ਸੁਮੇਲ ਕੋਡ ਸਪੱਸ਼ਟਤਾ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਦੌਰਾਨ ਉੱਚ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਵੱਡੇ ਡੇਟਾਸੇਟਾਂ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋ।
JavaScript ਨਾਲ ਐਰੇ ਮੈਪਿੰਗ 'ਤੇ ਆਮ ਸਵਾਲ
- ਕਿਵੇਂ ਹੈ Array.slice() ਤੋਂ ਵੱਖਰਾ Array.map()?
- Array.slice() ਅਸਲ ਐਰੇ ਨੂੰ ਸੋਧੇ ਬਿਨਾਂ ਐਰੇ ਦੇ ਇੱਕ ਭਾਗ ਨੂੰ ਕੱਢਦਾ ਹੈ, ਜਦਕਿ Array.map() ਮੂਲ ਦੇ ਹਰ ਤੱਤ ਨੂੰ ਬਦਲ ਕੇ ਇੱਕ ਨਵੀਂ ਐਰੇ ਬਣਾਉਂਦਾ ਹੈ।
- ਮੈਨੂੰ ਕਦੋਂ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ for loops ਦੇ ਬਜਾਏ map()?
- ਵਰਤੋ for loops ਜਦੋਂ ਤੁਹਾਨੂੰ ਬਿਹਤਰ ਪ੍ਰਦਰਸ਼ਨ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਜਾਂ ਜਦੋਂ ਤਰਕ ਵਿੱਚ ਗੁੰਝਲਦਾਰ ਸਥਿਤੀਆਂ ਸ਼ਾਮਲ ਹੁੰਦੀਆਂ ਹਨ ਜਿਨ੍ਹਾਂ ਨਾਲ ਸੰਭਾਲਣਾ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ map().
- ਵਰਤਣ ਦਾ ਕੀ ਫਾਇਦਾ ਹੈ Array.flatMap()?
- Array.flatMap() ਮੈਪਿੰਗ ਅਤੇ ਫਲੈਟਨਿੰਗ ਓਪਰੇਸ਼ਨਾਂ ਨੂੰ ਇੱਕ ਵਿੱਚ ਜੋੜਨ ਲਈ ਲਾਭਦਾਇਕ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਨੇਸਟਡ ਐਰੇ ਨਾਲ ਨਜਿੱਠਣਾ।
- ਹੈ Array.reduce() ਇੱਕੋ ਸਮੇਂ ਫਿਲਟਰਿੰਗ ਅਤੇ ਮੈਪਿੰਗ ਲਈ ਢੁਕਵਾਂ?
- ਹਾਂ, Array.reduce() ਇੱਕ ਪਾਸ ਵਿੱਚ ਮੈਪਿੰਗ ਅਤੇ ਫਿਲਟਰਿੰਗ ਮਾਪਦੰਡ ਦੋਵਾਂ ਦੇ ਅਧਾਰ 'ਤੇ ਨਤੀਜੇ ਇਕੱਠੇ ਕਰਨ ਲਈ ਇੱਕ ਵਧੀਆ ਸਾਧਨ ਹੈ।
- ਕਿਵੇਂ ਕਰਦਾ ਹੈ Array.findIndex() ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ?
- Array.findIndex() ਜਿਵੇਂ ਹੀ ਕੋਈ ਮੇਲ ਖਾਂਦਾ ਤੱਤ ਮਿਲਦਾ ਹੈ, ਦੁਹਰਾਓ ਨੂੰ ਰੋਕਦਾ ਹੈ, ਇਸ ਨੂੰ ਤੇਜ਼ ਬਣਾਉਂਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਸਿਰਫ ਪਹਿਲੇ ਮੇਲ ਖਾਂਦੇ ਸੂਚਕਾਂਕ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
- ਕਰਦਾ ਹੈ forEach() ਵਰਗੀ ਇੱਕ ਨਵੀਂ ਐਰੇ ਵਾਪਸ ਕਰੋ map()?
- ਨਹੀਂ, forEach() ਮਾੜੇ ਪ੍ਰਭਾਵਾਂ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਨਵੀਂ ਐਰੇ ਵਾਪਸ ਨਹੀਂ ਕਰਦਾ ਹੈ। ਇਹ ਆਦਰਸ਼ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਬਦਲੇ ਬਿਨਾਂ ਹਰੇਕ ਤੱਤ 'ਤੇ ਓਪਰੇਸ਼ਨ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
- ਕੀ ਹੁੰਦਾ ਹੈ ਜੇ map() ਵਾਪਸੀ undefined?
- ਜੇਕਰ ਅੰਦਰ ਕੋਈ ਫੰਕਸ਼ਨ map() ਵਾਪਸੀ undefined, ਨਤੀਜਾ ਸ਼ਾਮਲ ਹੋਵੇਗਾ undefined ਉਸ ਸਥਿਤੀ 'ਤੇ, ਜਿਸ ਨਾਲ ਅਣਇੱਛਤ ਵਿਵਹਾਰ ਹੋ ਸਕਦਾ ਹੈ ਜੇਕਰ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਿਆ ਨਾ ਗਿਆ ਹੋਵੇ।
- ਕੀ ਮੈਂ ਵਰਤ ਸਕਦਾ ਹਾਂ map() ਵਸਤੂਆਂ 'ਤੇ, ਜਾਂ ਸਿਰਫ਼ ਐਰੇ 'ਤੇ?
- map() ਖਾਸ ਤੌਰ 'ਤੇ ਐਰੇ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਵਸਤੂਆਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਵਰਤਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ Object.entries() ਜਾਂ Object.keys() ਆਬਜੈਕਟ ਨੂੰ ਇੱਕ ਦੁਹਰਾਉਣ ਯੋਗ ਬਣਤਰ ਵਿੱਚ ਬਦਲਣ ਲਈ।
- ਕਿਵੇਂ ਕਰਦਾ ਹੈ filter() ਨਾਲ ਕੰਮ ਕਰੋ map()?
- filter() ਐਰੇ ਤੋਂ ਅਣਚਾਹੇ ਤੱਤਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਜਦਕਿ map() ਬਾਕੀ ਤੱਤਾਂ ਨੂੰ ਬਦਲਦਾ ਹੈ। ਦੋਵਾਂ ਦਾ ਸੰਯੋਜਨ ਸ਼ਰਤਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਸਟੀਕ ਆਉਟਪੁੱਟ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ।
ਐਰੇ ਮੈਪਿੰਗ ਲਈ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦਾ ਸੰਖੇਪ
ਵਿੱਚ ਇੱਕ ਖਾਸ ਸੂਚਕਾਂਕ ਤੋਂ ਇੱਕ ਐਰੇ ਦੀ ਮੈਪਿੰਗ JavaScript ਫਿਲਟਰ ਕੀਤੇ ਡੇਟਾ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਦੀ ਵਰਤੋਂ ਨਕਸ਼ਾ(), ਲੂਪਸ ਲਈ, ਜਾਂ reduce() ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਕੋਡ ਸਪਸ਼ਟਤਾ ਦੀ ਲੋੜ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ। ਸਹੀ ਪਹੁੰਚ ਦੀ ਚੋਣ ਕਰਨਾ ਇੱਕ ਨਿਰਵਿਘਨ, ਅਨੁਕੂਲਿਤ ਅਨੁਭਵ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ।
ਇਹਨਾਂ ਤਰੀਕਿਆਂ ਨੂੰ ਫਿਲਟਰਿੰਗ ਨਾਲ ਜੋੜਨਾ ਵੱਡੇ ਡੇਟਾਸੈਟਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਕਿਰਿਆ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। ਹਰੇਕ ਹੱਲ ਦੀ ਜਾਂਚ ਕਰਨਾ ਸ਼ੁੱਧਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਅਚਾਨਕ ਨਤੀਜਿਆਂ ਤੋਂ ਬਚਦਾ ਹੈ। ਟੂਲਸ ਦੀ ਸਹੀ ਚੋਣ ਦੇ ਨਾਲ, ਡਿਵੈਲਪਰ ਉੱਚ ਕੋਡ ਗੁਣਵੱਤਾ ਨੂੰ ਕਾਇਮ ਰੱਖਦੇ ਹੋਏ ਵਧੇਰੇ ਸ਼ੁੱਧਤਾ ਨਾਲ ਡੇਟਾ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰ ਸਕਦੇ ਹਨ।
JavaScript ਐਰੇ ਮੈਪਿੰਗ ਤਕਨੀਕਾਂ ਲਈ ਸਰੋਤ ਅਤੇ ਹਵਾਲੇ
- ਬਾਰੇ ਜਾਣਕਾਰੀ ਦਿੰਦਾ ਹੈ Array.map() ਵਿਧੀ ਅਤੇ JavaScript ਵਿੱਚ ਇਸਦੀ ਵਰਤੋਂ ਦੇ ਮਾਮਲੇ। 'ਤੇ ਉਪਲਬਧ ਹੋਰ ਵੇਰਵੇ MDN ਵੈੱਬ ਡੌਕਸ: Array.map() .
- ਵਰਤਣ ਦੇ ਫਾਇਦੇ ਦੱਸਦੇ ਹਨ Array.reduce() ਡਾਟਾ ਪਰਿਵਰਤਨ ਲਈ. 'ਤੇ ਹੋਰ ਜਾਣੋ MDN ਵੈੱਬ ਡੌਕਸ: Array.reduce() .
- ਦੀ ਵਰਤੋਂ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ ਲੂਪਸ ਲਈ JavaScript ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਨ ਅਨੁਕੂਲਨ ਲਈ. ਫੇਰੀ freeCodeCamp: ਲੂਪ ਟਿਊਟੋਰਿਅਲ ਲਈ JavaScript ਵਾਧੂ ਉਦਾਹਰਣਾਂ ਲਈ।
- ਨਾਲ JavaScript ਫੰਕਸ਼ਨਾਂ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਸਮਝ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਮਜ਼ਾਕ. 'ਤੇ ਹੋਰ ਪਹੁੰਚ ਕਰੋ ਜੈਸਟ ਦਸਤਾਵੇਜ਼ .
- 'ਤੇ ਵਿਸਤ੍ਰਿਤ ਗਾਈਡ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ Array.filter() ਐਰੇ ਤੋਂ ਤੱਤਾਂ ਨੂੰ ਫਿਲਟਰ ਕਰਨ ਦਾ ਤਰੀਕਾ। 'ਤੇ ਇਸ ਦੀ ਹੋਰ ਪੜਚੋਲ ਕਰੋ MDN ਵੈੱਬ ਡੌਕਸ: Array.filter() .