ஜாவாஸ்கிரிப்டில், ஒரு வரிசையிலிருந்து ஏற்கனவே உள்ள பொருள்களின் வரிசையில் புதிய விசை/மதிப்பை எவ்வாறு சேர்ப்பது?

JavaScript

ஜாவாஸ்கிரிப்டில் வரிசைகள் மற்றும் பொருள்களை திறம்பட ஒன்றிணைத்தல்

வரிசைகள் மற்றும் பொருள்களுடன் பணிபுரிவது ஜாவாஸ்கிரிப்டில் வழக்கமான வேலையாகும், ஆனால் அவற்றை திறமையாகவும் முறையாகவும் இணைப்பது சில நேரங்களில் கடினமாக இருக்கலாம். அத்தகைய ஒரு எடுத்துக்காட்டு, மதிப்புகளின் வரிசையை எடுத்து, அவற்றை ஏற்கனவே உள்ள பொருள்களின் வரிசையில் புதிய விசை-மதிப்பு ஜோடிகளாக சேர்ப்பது. இந்த செயல்முறைக்கு வரிசைகள் மற்றும் பொருள்கள் பற்றிய முழுமையான புரிதல் தேவைப்படுகிறது, மேலும் ஜாவாஸ்கிரிப்ட்டில் அவற்றை எவ்வாறு திறம்பட கையாள்வது என்பது அவசியம்.

உங்களிடம் ஒரு வரிசை காரணங்கள் இருந்தால் மற்றும் வரிசையில் உள்ள தொடர்புடைய பொருட்களுக்கு ஒவ்வொரு மதிப்பையும் ஒதுக்க விரும்பினால், இதைச் செய்ய நேரடியான நுட்பங்கள் உள்ளன. இந்த அணுகுமுறைக்கு ஒரே நேரத்தில் காரணங்களின் வரிசை மற்றும் பொருள்களின் வரிசை இரண்டையும் மீண்டும் செய்ய வேண்டும்.

இந்த டுடோரியலில், தனித்தனி வரிசையில் இருந்து தரவைப் பயன்படுத்தி, வரிசையில் உள்ள ஒவ்வொரு உருப்படிக்கும் புதிய பண்புக்கூறுகளை எவ்வாறு சேர்ப்பது என்பதைப் பார்ப்போம். வேறு இடங்களில் வைக்கப்பட்டுள்ள தகவல்களுடன் ஏற்கனவே உள்ள பொருட்களை கூடுதலாக சேர்க்க விரும்பும் சூழ்நிலைகளில் இது எளிதாக இருக்கும்.

இந்தக் கட்டுரையின் முடிவில், உங்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டை சுருக்கமாகவும் தெளிவாகவும் வைத்து, வரிசைகள் மற்றும் பொருள்களை எவ்வாறு சரியாக இணைப்பது என்பதை நீங்கள் அறிவீர்கள். இந்த சிக்கலைத் தீர்ப்பதற்கான படிப்படியான அணுகுமுறையைப் பார்ப்போம்.

கட்டளை பயன்பாட்டின் உதாரணம்
map() அசல் வரிசையின் ஒவ்வொரு உறுப்புக்கும் ஒரு செயல்பாட்டை அழைப்பதன் மூலம் புதிய வரிசையை உருவாக்க இந்த முறை பயன்படுத்தப்படுகிறது. ஸ்கிரிப்ட்டில், பொருள்களின் வரிசையில் உள்ள ஒவ்வொரு பொருளும் காரண வரிசையில் இருந்து தொடர்புடைய மதிப்புடன் இணைக்கப்பட்டது.
for loop ஒரு நிலையான ஜாவாஸ்கிரிப்ட் லூப் அணிவரிசைகளுக்கு மேல் திரும்பும். பொருள்களின் வரிசையில் உள்ள ஒவ்வொரு பொருளுக்கும் ஒரு புதிய விசை-மதிப்பு ஜோடியை கைமுறையாக ஒதுக்க இது அனுமதிக்கிறது.
spread operator (...) ஸ்ப்ரெட் ஆபரேட்டர், ஏற்கனவே உள்ள பொருளிலிருந்து அனைத்து பண்புகளையும் புதிய பொருளுக்கு நகலெடுக்கப் பயன்படுகிறது. இந்த சூழ்நிலையில், தற்போதைய பொருள் பண்புகள் மற்றும் புதிய "காரணம்" விசையை ஒன்றிணைக்க இது பயன்படுத்தப்படுகிறது.
try...catch JavaScript இல், பிழைகளைக் கையாள இது பயன்படுகிறது. இந்த கட்டமைப்பானது வரிசைகளை ஒன்றிணைக்கும் போது ஏற்படும் தவறுகளை கண்டறிந்து நிர்வகிக்க உதவுகிறது, இதன் விளைவாக மிகவும் வலுவான குறியீடு கிடைக்கும்.
Array.isArray() கொடுக்கப்பட்ட மதிப்பு ஒரு வரிசையா என்பதை தீர்மானிக்க இந்த நுட்பம் பயன்படுத்தப்படுகிறது. செயல்பாடு சரியான வரிசைகளை மட்டுமே ஏற்றுக்கொள்கிறது என்பதை இது உறுதி செய்கிறது, இது இயக்க நேர சிக்கல்களைத் தவிர்ப்பதற்கு முக்கியமானது.
throw தனிப்பயன் பிழைகளை உருவாக்க டாஸ் அறிக்கை பயன்படுத்தப்படுகிறது. ஸ்கிரிப்ட் இரண்டு வரிசைகளும் ஒரே நீளம் கொண்டவை என்பதையும், முறைக்கு சரியான வரிசைகள் மட்டுமே வழங்கப்படுகின்றன என்பதையும் சரிபார்க்கிறது.
console.error() உலாவியின் கன்சோலில் பிழை செய்திகளை பதிவு செய்ய இது பயன்படுகிறது. வரிசைகளை ஒன்றிணைக்க முயற்சிக்கும்போது என்ன தவறு நடந்தது என்பதை இது தெளிவாகக் காட்டுகிறது.
return மதிப்பை வழங்க செயல்பாடுகளில் பயன்படுத்தப்படுகிறது. இந்தச் சூழ்நிலையில், ஒருங்கிணைந்த விசை-மதிப்பு ஜோடிகளுடன் புதிதாக உருவாக்கப்பட்ட வரிசையை இது உருவாக்குகிறது.

ஜாவாஸ்கிரிப்டில் உள்ள பொருள்களுடன் வரிசைகளை எவ்வாறு இணைப்பது என்பதைப் புரிந்துகொள்வது

முதல் முறை பயன்படுத்துகிறது a பொருள்களின் வரிசை மற்றும் காரணங்களின் வரிசை இரண்டையும் ஒரே நேரத்தில் கடந்து செல்ல. இது பிரச்சனைக்கான அடிப்படை தீர்வுகளில் ஒன்றாகும், ஏனெனில் இது ஒவ்வொரு பொருளையும் இடத்தில் புதுப்பிக்கிறது. ஒவ்வொரு பொருளுக்கும் "காரணம்" என்ற புதிய விசையைச் சேர்த்து, காரணங்களின் வரிசையில் இருந்து மதிப்பை ஒதுக்குகிறோம். இந்த மூலோபாயத்தின் முக்கிய நன்மை அதன் எளிமை, இது நேரடியான மற்றும் நேரடியான பதிலைத் தேடுபவர்களுக்கு ஒரு சிறந்த மாற்றாக அமைகிறது. இருப்பினும், இது அசல் வரிசையை மாற்றுகிறது, அசல் தரவை நீங்கள் சேமிக்க வேண்டும் என்றால் இது எப்போதும் விரும்பத்தக்கதாக இருக்காது.

இரண்டாவது விருப்பம் ஜாவாஸ்கிரிப்டைப் பயன்படுத்துகிறது முறை, இது மிகவும் நடைமுறை மற்றும் தற்போதைய மாற்றாகும். ஏற்கனவே உள்ளதை மாற்றாமல் புதிய வரிசையை உருவாக்க இந்த முறை சரியானது. வரைபடத்தைப் பயன்படுத்தி, ஒவ்வொரு மறு செய்கைக்கும் ஒரு புதிய பொருளை உருவாக்கலாம், இதில் அனைத்து அசல் பண்புகள் மற்றும் புதிய "காரணம்" பண்பும் அடங்கும். தி (...) ஏற்கனவே உள்ள பொருள் பண்புகளை நகலெடுத்து "காரணம்" விசையைச் சேர்க்கப் பயன்படுகிறது. இந்த நுட்பம் மிகவும் பொருந்தக்கூடியது மற்றும் சமீபத்திய ஜாவாஸ்கிரிப்ட் விதிமுறைகளைப் பின்பற்றுகிறது, குறிப்பாக செயல்பாட்டு நிரலாக்கத்தில். இது மேலும் படிக்கக்கூடியது, இது பெரிய திட்டங்களில் நிர்வகிப்பதை எளிதாக்குகிறது.

மூன்றாவது எடுத்துக்காட்டில், ட்ரை-கேட்ச் பிளாக்குகள் மற்றும் சரிபார்ப்பு போன்ற முறைகளைப் பயன்படுத்தி பிழை மேலாண்மையை அறிமுகப்படுத்தினோம் . வரிசை அல்லாத உள்ளீடுகள் கொடுக்கப்பட்டால், எதிர்பாராத நடத்தையைத் தவிர்த்து, வரிசைகளுடன் மட்டுமே செயல்பாடு செயல்படும் என்பதை இது உறுதி செய்கிறது. இணைப்பதற்கு முன் வரிசைகள் அனைத்தும் ஒரே நீளமாக இருப்பதை உறுதிசெய்ய நீளச் சரிபார்ப்பையும் இணைத்துள்ளோம். பொருத்தமின்மை இருந்தால், தரவு நிலைத்தன்மையை பராமரிக்கும் வகையில் விதிவிலக்கு அளிக்கப்படும். எதிர்பாராத மூலங்களிலிருந்து தரவு வரக்கூடிய சூழ்நிலைகளில் அல்லது பயனர் உள்ளீட்டுடன் பணிபுரியும் போது இந்த பதிப்பு மிகவும் பயனுள்ளதாக இருக்கும்.

இந்த இறுதி தீர்வு மட்டுமானது, அதாவது ஒரு பயன்பாட்டின் பல பகுதிகளிலும் செயல்பாட்டைப் பயன்படுத்தலாம். பிழை கையாளுதல் மற்றும் உள்ளீடு சரிபார்ப்பு அதன் வலிமை மற்றும் பாதுகாப்பை மேம்படுத்துகிறது, இது தரவு ஒருமைப்பாடு முக்கியமாக இருக்கும் பெரிய அமைப்புகளில் முக்கியமானது. மேலும், செயல்பாட்டு மற்றும் செயல்முறை நிரலாக்க முறைகளின் கலவையானது, திட்டத்தின் தேவைகளின் அடிப்படையில் நீங்கள் தேர்வுசெய்ய பல்வேறு அணுகுமுறைகளைக் கொண்டிருப்பதைக் குறிக்கிறது. கடைசி எடுத்துக்காட்டில் காட்டப்பட்டுள்ளபடி, யூனிட் சோதனைகளைச் சேர்ப்பதன் மூலம், டெவலப்பர்கள் தங்கள் குறியீடு பல்வேறு சூழ்நிலைகளில் சரியாகச் செயல்படுவதை உறுதிசெய்ய அனுமதிக்கிறது, மேலும் இது மிகவும் நிலையானதாகவும் உற்பத்திக்குத் தயாராகவும் செய்கிறது.

ஜாவாஸ்கிரிப்டில் உள்ள பொருள்களின் அணிவரிசையிலிருந்து விசை/மதிப்பைச் சேர்த்தல்

ஜாவாஸ்கிரிப்டுடன் அடிப்படை மறு செய்கை அணுகுமுறையைப் பயன்படுத்துதல்

// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
  { id: 1, Data: 'yes', active: true },
  { id: 2, Data: 'yes', active: false },
  { id: 3, Data: 'data', active: false }
];

// Simple for loop to add reason key
for (let i = 0; i < data.length; i++) {
  data[i].reason = reasons[i];
}

console.log(data);
// Output: [
//  { id: 1, Data: 'yes', active: true, reason: 'a' },
//  { id: 2, Data: 'yes', active: false, reason: 'b' },
//  { id: 3, Data: 'data', active: false, reason: 'c' }
// ]

ஜாவாஸ்கிரிப்ட்டின் வரைபடம்() முறை மூலம் பொருள்களுக்கு அணிவரிசைகளை திறம்பட வரைபடமாக்குதல்

செயல்பாட்டு நிரலாக்க அணுகுமுறைக்கு JavaScript இன் வரைபடம்() முறையைப் பயன்படுத்துதல்

// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
  { id: 1, Data: 'yes', active: true },
  { id: 2, Data: 'yes', active: false },
  { id: 3, Data: 'data', active: false }
];

// Using map to return a new array with the added 'reason' key
const updatedData = data.map((item, index) => ({
  ...item,
  reason: reasons[index]
}));

console.log(updatedData);
// Output: [
//  { id: 1, Data: 'yes', active: true, reason: 'a' },
//  { id: 2, Data: 'yes', active: false, reason: 'b' },
//  { id: 3, Data: 'data', active: false, reason: 'c' }
// ]

பிழை கையாளுதல் மற்றும் சரிபார்ப்புடன் கூடிய பொருள்களின் வரிசையில் வரிசையைச் சேர்க்கவும்.

JavaScript இல் பிழை மேலாண்மை மற்றும் தரவு சரிபார்ப்புடன் பாதுகாப்பான செயல்பாட்டை உறுதி செய்யவும்.

// Initial arrays
const reasons = ['a', 'b', 'c'];
const data = [
  { id: 1, Data: 'yes', active: true },
  { id: 2, Data: 'yes', active: false },
  { id: 3, Data: 'data', active: false }
];

// Function to safely merge arrays, with validation and error handling
function mergeArrayWithObjects(dataArray, reasonsArray) {
  if (!Array.isArray(dataArray) || !Array.isArray(reasonsArray)) {
    throw new Error('Both arguments must be arrays');
  }

  if (dataArray.length !== reasonsArray.length) {
    throw new Error('Arrays must be of the same length');
  }

  return dataArray.map((item, index) => ({
    ...item,
    reason: reasonsArray[index]
  }));
}

try {
  const result = mergeArrayWithObjects(data, reasons);
  console.log(result);
} catch (error) {
  console.error('Error:', error.message);
}

வரிசைகளை பொருள்களுடன் இணைத்தல்: மேம்பட்ட நுட்பங்களை ஆராய்தல்

பொருள்களின் வரிசைகளில் வரிசைகளைச் சேர்க்கும் போது, ​​இதுவரை கவனிக்கப்படாத ஒரு காரணி தரவு நிலைத்தன்மையை நிர்வகிப்பதன் முக்கியத்துவம் ஆகும், குறிப்பாக பெரிய தரவுத்தொகுப்புகளில். இணைக்கப்படும் தரவு சரியானது மற்றும் கட்டமைக்கப்பட்டதா என்பதை உறுதிசெய்வது மிகவும் சிக்கலான பயன்பாடுகளில் சிக்கல்களைத் தவிர்க்க உதவும். எடுத்துக்காட்டாக, சீரற்ற வரிசை நீளங்கள், பூஜ்ய மதிப்புகள் அல்லது வரையறுக்கப்படாத பண்புகள் ஆகியவை குறைபாடுகள் அல்லது தவறான தரவு சேர்க்கப்படும். இதை சரிசெய்ய, பயன்படுத்தவும் வரிசையில் தொடர்புடைய விசை இல்லை என்றால். இது இயக்க நேரச் சிக்கல்களைத் தடுக்கவும், எல்லாப் பொருட்களிலும் சரியான தரவு இருப்பதை உறுதி செய்யவும் உதவும்.

கருத்தில் கொள்ள வேண்டிய மற்றொரு மேம்பட்ட விருப்பம் பயன்படுத்துவது ஜாவாஸ்கிரிப்டில். வரிசைகள் அல்லது பொருள்களிலிருந்து மதிப்புகளை எளிதில் பிரித்தெடுக்கவும், அவற்றை ஒரே வரியில் மாறிகளுக்கு ஒதுக்கவும் டிஸ்ட்ரக்ச்சரிங் உதவுகிறது. வரிசைகள் மற்றும் பொருள்களை இணைக்கும் போது, ​​சிதைப்பது தொடரியல் எளிதாக்கும் மற்றும் பல விசைகளுடன் வேலை செய்வதை எளிதாக்கும். எடுத்துக்காட்டாக, ஒவ்வொரு சொத்தையும் வெளிப்படையாகக் குறிப்பிடுவதற்குப் பதிலாக, மதிப்புகளைப் பிரித்தெடுக்கவும், அவற்றை உடனடியாக உங்கள் பொருட்களில் புதிய விசைகளாகச் சேர்க்கவும், சிதைப்பதைப் பயன்படுத்தலாம்.

மேலும், ஒத்திசைவற்ற தரவு செயலாக்கத்தை நிர்வகிப்பது ஒரு முக்கிய அம்சமாகும். நிஜ-உலகப் பயன்பாடுகளில், நீங்கள் இணைக்கும் அணிவரிசைகள் API அழைப்பு அல்லது தரவுத்தள வினவலில் இருந்து வரலாம், அதாவது நீங்கள் வாக்குறுதிகளுடன் செயல்படுவீர்கள் அல்லது ஒத்திசைவு/காத்திருப்பீர்கள். வரிசை-ஒன்றிணைப்பு செயல்முறையில் ஒத்திசைவு செயல்பாடுகளை ஒருங்கிணைப்பது, ஒன்றிணைக்கும் முன் தரவு முழுமையாக ஏற்றப்படும் வரை காத்திருக்க உங்களை அனுமதிக்கிறது. உங்கள் திட்டத்தில் ஆபத்தான பந்தய சூழ்நிலைகளைத் தவிர்த்து, சரியான நேரத்தில் தரவு கையாளுதல் நிகழ்வதை இது உறுதி செய்கிறது.

  1. இணைப்பதற்கு முன் இரண்டு அணிவரிசைகளும் ஒரே நீளம் என்பதை எவ்வாறு உறுதிப்படுத்துவது?
  2. நீங்கள் பயன்படுத்தலாம் இரண்டு அணிவரிசைகளும் ஒரே நீளம் கொண்டவை என்பதை உறுதிப்படுத்தும் பண்பு. அவை பொருந்தவில்லை என்றால், பிழை அல்லது ஃபால்பேக் முறையைப் பயன்படுத்தி நீங்கள் பொருந்தாததைக் கையாள வேண்டும்.
  3. பல்வேறு வகையான வரிசைகளை பொருள்களாக இணைக்க முடியுமா?
  4. ஆம், நீங்கள் பல்வேறு வகைகளின் வரிசைகளை இணைக்கலாம். ஜாவாஸ்கிரிப்ட் பொருள்கள் பல தரவு வகைகளைக் கொண்டிருக்கலாம், எனவே நீங்கள் ஒரு முறையைப் பயன்படுத்தலாம் உரைகள், எண்கள் அல்லது பூலியன்களின் வரிசையை ஒரு பொருளாக ஒரு புதிய முக்கிய மதிப்பு ஜோடியாக இணைக்க.
  5. அணிவரிசைகளில் ஒன்றில் பூஜ்ய அல்லது வரையறுக்கப்படாத மதிப்புகள் இருந்தால் என்ன செய்வது?
  6. அணிவரிசைகளில் ஒன்று பூஜ்யமாகவோ அல்லது வரையறுக்கப்படாததாகவோ இருந்தால், நீங்கள் மறு செய்கையின் போது ஒவ்வொரு மதிப்பையும் சரிபார்த்து, ஒரு உங்கள் பொருட்களில் அவை செருகப்படுவதைத் தடுக்க.
  7. அசல் வரிசையை மாற்றாமல் ஒரு வரிசையில் உள்ள பொருட்களுக்கு தரவை எவ்வாறு சேர்ப்பது?
  8. நீங்கள் பயன்படுத்தலாம் அசல் வரிசையை மாற்றாமல் வைத்திருக்கும் அதே வேளையில், புதுப்பிக்கப்பட்ட தரவுகளுடன் ஒரு புதிய வரிசையை திரும்பப் பெறுவதற்கான முறை.
  9. ஒத்திசைவற்ற செயல்பாடுகளில் இணைப்பதற்கான சிறந்த அணுகுமுறை என்ன?
  10. ஒத்திசைவற்ற தரவுகளுடன் பணிபுரியும் போது, ​​நீங்கள் பயன்படுத்தலாம் அல்லது இரண்டு அணிவரிசைகளையும் இணைப்பதற்கு முன் அவற்றை முழுமையாக அணுகும் வரை காத்திருக்கவும்.

ஜாவாஸ்கிரிப்டில் ஏற்கனவே உள்ள பொருள்களின் வரிசையில் புதிய விசை-மதிப்பு ஜோடியைச் சரியாகச் சேர்க்க, நீங்கள் முதலில் பல்வேறு நுட்பங்களைப் புரிந்துகொள்ள வேண்டும். இரண்டையும் பயன்படுத்தி மற்றும் போன்ற செயல்பாட்டு முறைகள் சூழ்நிலைகளின் அடிப்படையில் நெகிழ்வுத்தன்மையை வழங்குகிறது.

பிழை கையாளுதல் மற்றும் சரிபார்ப்பு ஆகியவற்றை இணைப்பதன் மூலம் உங்கள் அணிகள் மற்றும் பொருள்கள் சரியான தரவு இருப்பதை உறுதி செய்கிறது. சரியான முறையில், தரவு துல்லியம் மற்றும் நம்பகத்தன்மையை உறுதி செய்யும் போது, ​​உங்கள் பயன்பாடுகளில் உள்ள வரிசைகள் மற்றும் பொருட்களை திறம்பட ஒன்றிணைக்கலாம்.

  1. வரிசை கையாளுதல் மற்றும் பொருள் பண்புகள் பற்றிய விரிவான ஜாவாஸ்கிரிப்ட் ஆவணங்களை இங்கே காணலாம் MDN வெப் டாக்ஸ் .
  2. ஜாவாஸ்கிரிப்ட்டின் வரைபடம்() முறையைப் பயன்படுத்தி செயல்பாட்டு நிரலாக்க அணுகுமுறைகளுக்கு, பார்வையிடவும் freeCodeCamp .
  3. ஜாவாஸ்கிரிப்ட் பிழை கையாளுதலுக்கான சிறந்த நடைமுறைகளைப் பற்றி மேலும் அறிக GeeksforGeeks .