JavaScript ਵਿੱਚ Arrays

Arrays ਇੱਕ ਵੇਰੀਏਬਲ ਵਿੱਚ ਕਈ ਮੁੱਲਾਂ (values) ਨੂੰ ਸਟੋਰ ਕਰਦੇ ਹਨ। ਉਹ ਡੇਟਾ ਨੂੰ ਇੱਕ ਖਾਸ ਕ੍ਰਮ ਵਿੱਚ ਸੰਗਠਿਤ ਰੱਖਦੇ ਹਨ।

Arrays ਤੋਂ ਬਿਨਾਂ, ਤੁਹਾਨੂੰ ਹਰ ਆਈਟਮ ਲਈ ਵੱਖਰੇ ਵੇਰੀਏਬਲ ਬਣਾਉਣੇ ਪੈਂਦੇ ਹਨ। ਜਿਵੇਂ-ਜਿਵੇਂ ਤੁਹਾਡਾ ਡੇਟਾ ਵਧਦਾ ਹੈ, ਇਸ ਨੂੰ ਸੰਭਾਲਣਾ ਮੁਸ਼ਕਲ ਹੋ ਜਾਂਦਾ ਹੈ। Arrays ਦੇ ਨਾਲ, ਤੁਸੀਂ ਸਭ ਕੁਝ ਇਕੱਠਾ ਕਰ ਲੈਂਦੇ ਹੋ।

Arrays ਦੇ ਆਮ ਉਪਯੋਗ:

  • ਵਿਦਿਆਰਥੀਆਂ ਦੇ ਨਾਮਾਂ ਦੀਆਂ ਸੂਚੀਆਂ
  • ਉਤਪਾਦਾਂ ਦੀਆਂ ਸੂਚੀਆਂ
  • ਸ਼ਾਪਿੰਗ ਕਾਰਟ ਦੀਆਂ ਆਈਟਮਾਂ
  • ਮੋਬਾਈਲ ਨੰਬਰ

Arrays ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ: Arrays ਆਈਟਮਾਂ ਲੱਭਣ ਲਈ indexes ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਪਹਿਲੀ ਆਈਟਮ ਹਮੇਸ਼ਾ index 0 'ਤੇ ਹੁੰਦੀ ਹੈ।

ਉਦਾਹਰਨ: let fruits = ["Apple", "Banana", "Orange"];

  • fruits[0] "Apple" ਹੈ
  • fruits[1] "Banana" ਹੈ
  • fruits[2] "Orange" ਹੈ

ਜ਼ਰੂਰੀ Array Methods:

ਜੋੜਨਾ ਅਤੇ ਹਟਾਉਣਾ (Adding and Removing):

  • push(): ਅੰਤ ਵਿੱਚ ਆਈਟਮ ਜੋੜੋ।
  • pop(): ਅੰਤ ਤੋਂ ਆਈਟਮ ਹਟਾਓ।
  • unshift(): ਸ਼ੁਰੂ ਵਿੱਚ ਆਈਟਮ ਜੋੜੋ।
  • shift(): ਸ਼ੁਰੂ ਤੋਂ ਆਈਟਮ ਹਟਾਓ।
  • splice(): ਕਿਸੇ ਵੀ ਸਥਾਨ 'ਤੇ ਆਈਟਮਾਂ ਜੋੜੋ ਜਾਂ ਹਟਾਓ।

ਕੱਢਣਾ ਅਤੇ ਖੋਜਣਾ (Extracting and Searching):

  • slice(): Array ਦਾ ਇੱਕ ਹਿੱਸਾ ਕਾਪੀ ਕਰੋ।
  • indexOf(): ਕਿਸੇ ਆਈਟਮ ਦੀ ਸਥਿਤੀ ਲੱਭੋ।
  • includes(): ਚੈੱਕ ਕਰੋ ਕਿ ਕੋਈ ਆਈਟਮ ਮੌਜੂਦ ਹੈ ਜਾਂ ਨਹੀਂ।
  • find(): ਉਹ ਪਹਿਲੀ ਆਈਟਮ ਵਾਪਸ ਕਰੋ ਜੋ ਕਿਸੇ ਸ਼ਰਤ (condition) ਨੂੰ ਪੂਰਾ ਕਰਦੀ ਹੈ।

ਡੇਟਾ ਨੂੰ ਬਦਲਣਾ (Transforming Data):

  • map(): Array ਦੀ ਹਰ ਆਈਟਮ ਨੂੰ ਬਦਲੋ।
  • filter(): ਸਿਰਫ਼ ਉਹਨਾਂ ਆਈਟਮਾਂ ਨੂੰ ਰੱਖੋ ਜੋ ਕਿਸੇ ਸ਼ਰਤ ਨੂੰ ਪੂਰਾ ਕਰਦੀਆਂ ਹਨ।
  • reduce(): ਸਾਰੀਆਂ ਆਈਟਮਾਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਮੁੱਲ ਵਿੱਚ ਜੋੜੋ।
  • sort(): ਆਈਟਮਾਂ ਨੂੰ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖੋ।
  • reverse(): ਆਈਟਮਾਂ ਦੇ ਕ੍ਰਮ ਨੂੰ ਉਲਟਾ ਦਿਓ।

Array ਬਨਾਮ Object:

  • Arrays ਡੇਟਾ ਲੱਭਣ ਲਈ ਨੰਬਰਾਂ (indexes) ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਉਹ ਸੂਚੀਆਂ (lists) ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹਨ।
  • Objects ਡੇਟਾ ਲੱਭਣ ਲਈ keys ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਉਹ ਕਿਸੇ ਇੱਕ ਚੀਜ਼ (entity) ਦਾ ਵਰਣਨ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹਨ।

ਉਦਾਹਰਨ:

  • Array: ["Red", "Blue", "Green"]
  • Object: { color: "Red", id: 1 }

ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਡੇਟਾ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਸੰਭਾਲਣ ਲਈ ਇਹਨਾਂ ਮੈਥਡਸ (methods) ਵਿੱਚ ਮਾਹਰ ਬਣੋ।

Source: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Source: https://www.w3schools.com/js/js_arrays.asp

Full guide: https://dev.to/annapoo/arrays-in-javascript-2nb4