JavaScript Array മെത്തേഡുകൾ - ഭാഗം 1

JavaScript-ൽ ഒരു array എന്നത് ഒരു object ആണ്. ഒരൊറ്റ വേരിയബിളിൽ ഒന്നിലധികം മൂല്യങ്ങൾ (values) സംഭരിക്കാൻ ഇത് ഉപയോഗിക്കാം.

ഓരോ ഐറ്റത്തിനും പ്രത്യേകം വേരിയബിളുകൾ ഉണ്ടാക്കുന്നതിന് പകരം, ഒരു array ഉപയോഗിക്കുക.

ഉദാഹരണം: let students = ["John", "David", "Alex"];

ഓരോ മൂല്യവും ഒരു element ആണ്. ഓരോ element-നും 0 മുതൽ തുടങ്ങുന്ന ഒരു index ഉണ്ട്.

• Index 0: John • Index 1: David • Index 2: Alex

Essential Array Concepts

  1. The length property ആകെ എത്ര elements ഉണ്ടെന്ന് length പ്രോപ്പർട്ടി പറഞ്ഞുതരുന്നു. ഇതൊരു property ആണ്, function അല്ല. അതിനാൽ ബ്രാക്കറ്റുകൾ (parentheses) ഉപയോഗിക്കരുത്.

• ശരി: arr.length • തെറ്റ്: arr.length()

elements ചേർക്കാനോ നീക്കം ചെയ്യാനോ നിങ്ങൾക്ക് length മാറ്റാൻ സാധിക്കും. നിങ്ങൾ length കുറയ്ക്കുകയാണെങ്കിൽ, അധികമുള്ള elements JavaScript നീക്കം ചെയ്യും. നിങ്ങൾ length കൂട്ടുകയാണെങ്കിൽ, JavaScript ശൂന്യമായ സ്ലോട്ടുകൾ (empty slots) നിർമ്മിക്കും.

  1. toString() ഈ മെത്തേഡ് നിങ്ങളുടെ array-യെ ഒരു string ആക്കി മാറ്റുന്നു. ഇത് elements-നെ കോമ (comma) ഉപയോഗിച്ച് യോജിപ്പിക്കുന്നു. ഇത് ഒറിജിനൽ array-യെ മാറ്റുന്നില്ല.

  2. join() നിങ്ങൾക്ക് ഇഷ്ടമുള്ള ഒരു സെപ്പറേറ്റർ (separator) ഉപയോഗിക്കേണ്ടതുണ്ടെങ്കിൽ ഇത് ഉപയോഗിക്കാം.

• fruits.join(" | ") എന്നത് "Apple | Orange | Banana" എന്ന് നൽകുന്നു • fruits.join("-") എന്നത് "Apple-Orange-Banana" എന്ന് നൽകുന്നു

  1. at() ഒരു പ്രത്യേക index-ലെ element ലഭിക്കാൻ ഈ മെത്തേഡ് ഉപയോഗിക്കാം. ഇതിൽ നെഗറ്റീവ് നമ്പറുകളും ഉപയോഗിക്കാം.

• arr.at(-1) എന്നത് അവസാനത്തെ element നൽകുന്നു. • arr.at(-2) എന്നത് അവസാനത്തിന് തൊട്ടുമുമ്പുള്ള element നൽകുന്നു.

  1. pop() ഈ മെത്തേഡ് array-യിലെ അവസാനത്തെ element നീക്കം ചെയ്യുന്നു. നീക്കം ചെയ്ത element തന്നെ ഇത് തിരികെ നൽകുന്നു. ഇത് നിങ്ങളുടെ ഒറിജിനൽ array-യെ മാറ്റുന്നു.

  2. Array.isArray() ഒരു മൂല്യം array ആണോ എന്ന് പരിശോധിക്കാൻ ഇത് ഉപയോഗിക്കാം. typeof ഓപ്പറേറ്റർ array-കൾക്ക് "object" എന്നാണ് നൽകുന്നത്, അതിനാൽ അത് വിശ്വസനീയമല്ല.

• Array.isArray([]) എന്നത് true എന്ന് നൽകുന്നു • Array.isArray({}) എന്നത് false എന്ന് നൽകുന്നു

  1. concat() രണ്ടോ അതിലധികമോ array-കൾ കൂട്ടിച്ചേർക്കാൻ (merge) ഇത് ഉപയോഗിക്കാം. ഇത് ഒറിജിനൽ array-കളെ മാറ്റുന്നില്ല. പകരം ഒരു പുതിയ array നൽകുന്നു.

  2. copyWithin() ഒരു array-യുടെ ഒരു ഭാഗം അതേ array-യിൽ തന്നെ മറ്റൊരു സ്ഥാനത്തേക്ക് കോപ്പി ചെയ്യാൻ ഇത് സഹായിക്കുന്നു. ഇത് നിലവിലുള്ള elements-നെ മാറ്റി എഴുതുന്നു (overwrites).

Important Note on delete delete ഓപ്പറേറ്റർ ഒരു element നീക്കം ചെയ്യുന്നുണ്ടെങ്കിലും array-യുടെ length മാറ്റമില്ലാതെ നിലനിർത്തുന്നു. ഇത് array-യിൽ ഒരു ശൂന്യമായ ഭാഗം (empty hole) ഉണ്ടാക്കുന്നു. നിങ്ങൾക്ക് elements നീക്കം ചെയ്യാനും array-യുടെ വലിപ്പം കുറയ്ക്കാനും ആണെങ്കിൽ മറ്റ് മെത്തേഡുകൾ ഉപയോഗിക്കുക.

Source: https://www.w3schools.com/js/js_array_methods.asp

Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7