JavaScript Arrays Methods - Part 1

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

ഓരോ വിദ്യാർത്ഥിക്കും പ്രത്യേകം വേരിയബിളുകൾ ഉണ്ടാക്കുന്നതിന് പകരം: let student1 = "John"; let student2 = "David";

ഒരു array ഉപയോഗിക്കുക: let students = ["John", "David", "Alex"];

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

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

Array-യുടെ വലിപ്പം മാറ്റാൻ നിങ്ങൾക്ക് length മാറ്റാവുന്നതാണ്.

  • length കുറയ്ക്കുമ്പോൾ array-യുടെ അവസാനം മുതൽ elements നീക്കം ചെയ്യപ്പെടും.
  • length കൂട്ടുന്നതിലൂടെ ശൂന്യമായ സ്ലോട്ടുകൾ (empty slots) ഉണ്ടാകുന്നു.

• toString() and join() ഒരു array-യെ കോമ (comma) ഉപയോഗിച്ച് വേർതിരിച്ചുള്ള ഒരു string ആക്കി മാറ്റാൻ toString() ഉപയോഗിക്കുക. ഒരു ഹൈഫൻ (-) അല്ലെങ്കിൽ പൈപ്പ് (|) പോലുള്ള പ്രത്യേക സെപ്പറേറ്റർ (separator) വേണമെന്നുണ്ടെങ്കിൽ join() ഉപയോഗിക്കുക.

• The at() method ഒരു പ്രത്യേക index-ലെ element തിരികെ നൽകാൻ ഈ മെത്തേഡ് ഉപയോഗിക്കുന്നു. Bracket notation-ൽ നിന്ന് വ്യത്യസ്തമായി, ഇതിന് നെഗറ്റീവ് ഇൻഡക്സുകളെയും (negative indexes) പിന്തുണയ്ക്കുന്നുണ്ട്. arr.at(-1) ഉപയോഗിച്ചാൽ നിങ്ങൾക്ക് അവസാനത്തെ element ലഭിക്കും.

• The pop() method ഇത് ഒരു array-യിൽ നിന്ന് അവസാനത്തെ element നീക്കം ചെയ്യുന്നു. ഇത് ഒറിജിനൽ array-യിൽ മാറ്റം വരുത്തുകയും നീക്കം ചെയ്ത ഐറ്റം തിരികെ നൽകുകയും ചെയ്യുന്നു.

• Array.isArray() ഒരു മൂല്യം array ആണോ എന്ന് പരിശോധിക്കാൻ ഇത് ഉപയോഗിക്കുക. Arrays-ന് typeof ഓപ്പറേറ്റർ "object" എന്നാണ് നൽകുന്നത്, ഇത് കാര്യപ്രദമല്ല. ലൂപ്പ് (loop) ചെയ്യുന്നതിന് മുമ്പ് എപ്പോഴും Array.isArray() ഉപയോഗിച്ച് ഡാറ്റ പരിശോധിക്കുക.

• delete vs concat() delete ഓപ്പറേറ്റർ ഒരു element നീക്കം ചെയ്യുമെങ്കിലും അവിടെ ഒരു ശൂന്യമായ ഇടം (empty hole) ബാക്കി വെക്കും. ഇത് array-യുടെ length മാറ്റില്ല. concat() മെത്തേഡ് array-കളെ തമ്മിൽ യോജിപ്പിക്കുന്നു. ഇത് ഒറിജിനൽ array-കളിൽ മാറ്റം വരുത്തുന്നില്ല, പകരം പുതിയൊരു array നൽകുന്നു.

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

Summary of methods:

  • length: വലിപ്പം (size) തിരികെ നൽകുന്നു.
  • toString(): കോമ ഉപയോഗിച്ച് വേർതിരിച്ചുള്ള string ആക്കി മാറ്റുന്നു.
  • join(separator): പ്രത്യേക സെപ്പറേറ്റർ ഉപയോഗിച്ച് string ആക്കി മാറ്റുന്നു.
  • at(index): element നൽകുന്നു (നെഗറ്റീവ് ഇൻഡക്സിനെ പിന്തുണയ്ക്കുന്നു).
  • pop(): അവസാനത്തെ element നീക്കം ചെയ്യുന്നു.
  • isArray(): മൂല്യം ഒരു array ആണോ എന്ന് പരിശോധിക്കുന്നു.
  • concat(): array-കളെ പുതിയൊരു array ആയി യോജിപ്പിക്കുന്നു.
  • copyWithin(): ഒരേ array-ക്കുള്ളിൽ തന്നെ elements കോപ്പി ചെയ്യുന്നു.

Source: https://www.w3schools.com/js/js_array_methods.asp Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7