Arrays in JavaScript

ഒരു വേരിയബിളിൽ ഒന്നിലധികം മൂല്യങ്ങൾ (values) സൂക്ഷിക്കാൻ Arrays ഉപയോഗിക്കുന്നു. അവ ഡാറ്റയെ ഒരു പ്രത്യേക ക്രമത്തിൽ അടുക്കി വെക്കുന്നു.

Arrays ഇല്ലെങ്കിൽ, ഓരോ ഐറ്റത്തിനും നിങ്ങൾ പ്രത്യേകം വേരിയബിളുകൾ നിർമ്മിക്കേണ്ടി വരും. ഡാറ്റ കൂടുന്നതിനനുസരിച്ച് ഇത് കൈകാര്യം ചെയ്യുന്നത് പ്രയാസകരമാകും. എന്നാൽ Arrays ഉപയോഗിച്ച് നിങ്ങൾക്ക് എല്ലാം ഒരുമിച്ച് ഗ്രൂപ്പ് ചെയ്യാം.

Arrays-ന്റെ സാധാരണ ഉപയോഗങ്ങൾ:

  • വിദ്യാർത്ഥികളുടെ പേരുകളുടെ പട്ടിക
  • ഉൽപ്പന്നങ്ങളുടെ പട്ടിക
  • ഷോപ്പിംഗ് കാർട്ടിലെ സാധനങ്ങൾ
  • മൊബൈൽ നമ്പറുകൾ

Arrays എങ്ങനെ പ്രവർത്തിക്കുന്നു: ഐറ്റങ്ങൾ കണ്ടെത്താൻ Arrays ഇൻഡക്സുകൾ (indexes) ഉപയോഗിക്കുന്നു. ആദ്യത്തെ ഐറ്റം എപ്പോഴും ഇൻഡക്സ് 0-ൽ ആയിരിക്കും.

ഉദാഹരണം: let fruits = ["Apple", "Banana", "Orange"];

  • fruits[0] എന്നത് "Apple" ആണ്
  • fruits[1] എന്നത് "Banana" ആണ്
  • fruits[2] എന്നത് "Orange" ആണ്

Essential Array Methods:

Adding and Removing:

  • push(): അവസാന ഭാഗത്ത് ഒരു ഐറ്റം ചേർക്കുന്നു.
  • pop(): അവസാന ഭാഗത്തുനിന്നും ഒരു ഐറ്റം നീക്കം ചെയ്യുന്നു.
  • unshift(): തുടക്കത്തിൽ ഒരു ഐറ്റം ചേർക്കുന്നു.
  • shift(): തുടക്കത്തിൽനിന്നും ഒരു ഐറ്റം നീക്കം ചെയ്യുന്നു.
  • splice(): ഏത് സ്ഥാനത്തും ഐറ്റങ്ങൾ ചേർക്കാനോ നീക്കം ചെയ്യാനോ ഉപയോഗിക്കുന്നു.

Extracting and Searching:

  • slice(): Array-യുടെ ഒരു ഭാഗം കോപ്പി ചെയ്യുന്നു.
  • indexOf(): ഒരു ഐറ്റത്തിന്റെ സ്ഥാനം കണ്ടെത്തുന്നു.
  • includes(): ഒരു ഐറ്റം ഉണ്ടോ എന്ന് പരിശോധിക്കുന്നു.
  • find(): ഒരു കണ്ടീഷനുമായി പൊരുത്തപ്പെടുന്ന ആദ്യത്തെ ഐറ്റം നൽകുന്നു.

Transforming Data:

  • map(): Array-യിലെ ഓരോ ഐറ്റത്തിലും മാറ്റം വരുത്തുന്നു.
  • filter(): ഒരു കണ്ടീഷനുമായി പൊരുത്തപ്പെടുന്ന ഐറ്റങ്ങളെ മാത്രം നിലനിർത്തുന്നു.
  • reduce(): എല്ലാ ഐറ്റങ്ങളെയും കൂട്ടി യോജിപ്പിച്ച് ഒരു ഒറ്റ മൂല്യമാക്കി മാറ്റുന്നു.
  • sort(): ഐറ്റങ്ങളെ ക്രമീകരിക്കുന്നു.
  • reverse(): ഐറ്റങ്ങളുടെ ക്രമം തിരിച്ചിടുന്നു.

Array vs. Object:

  • ഡാറ്റ കണ്ടെത്താൻ Arrays സംഖ്യകൾ (indexes) ഉപയോഗിക്കുന്നു. ഇവ ലിസ്റ്റുകൾക്കായി ഏറ്റവും അനുയോജ്യമാണ്.
  • ഡാറ്റ കണ്ടെത്താൻ Objects 'keys' ഉപയോഗിക്കുന്നു. ഒരു വസ്തുവിനെ (entity) വിവരിക്കാൻ ഇവയാണ് ഏറ്റവും നല്ലത്.

ഉദാഹരണം:

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

നിങ്ങളുടെ കോഡിൽ ഡാറ്റ കാര്യക്ഷമമായി കൈകാര്യം ചെയ്യാൻ ഈ മെത്തേഡുകളിൽ വൈദഗ്ധ്യം നേടുക.

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