à®à®©à¯à®© à®µà®¿à®¤à¯à®¤à®¿à®¯à®¾à®à®®à¯ Object.keys() à®®à®±à¯à®±à¯à®®à¯ Object.values()?

பொருள் முறைகளைப்

Louis Robert

வியாழன், 3 அக்டோபர், 2024 ’அன்று’ பிற்பகல் 6:42:25

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

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

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

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

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

பொருள் முறைகளைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட் பொருள்களை ஜோடிகளாக உடைத்தல்

Object.entries() மற்றும் வரிசை முறைகளைப் பயன்படுத்தி JavaScript ஃப்ரண்ட்-எண்ட் ஸ்கிரிப்ட்

// Sample input object with materials and widths
const input = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to create an array of objects based on matching indices
function splitObjectIntoPairs(obj) {
  const result = [];
  const materials = Object.entries(obj).filter(([key]) => key.includes('material'));
  const widths = Object.entries(obj).filter(([key]) => key.includes('width'));
  for (let i = 0; i < materials.length; i++) {
    const materialObj = {};
    materialObj[materials[i][0]] = materials[i][1];
    materialObj[widths[i][0]] = widths[i][1];
    result.push(materialObj);
  }
  return result;
}

// Test the function
console.log(splitObjectIntoPairs(input));

ஜாவாஸ்கிரிப்ட்டின் குறைப்பு முறையைப் பயன்படுத்தி டைனமிக் ஆப்ஜெக்ட் ஜோடிகளை உருவாக்குதல்

Object.keys() மற்றும் Array.reduce() ஆகியவற்றைப் பயன்படுத்தி JavaScript ஃப்ரண்ட்-எண்ட் ஸ்கிரிப்ட்

// Sample input object
const data = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to group object pairs using reduce
function groupPairs(obj) {
  return Object.keys(obj).reduce((acc, key) => {
    const match = key.match(/(\w+)-(\d+)/);
    if (match) {
      const [_, type, id] = match;
      if (!acc[id]) acc[id] = {};
      acc[id][key] = obj[key];
    }
    return acc;
  }, {});
}

// Convert result object into an array of objects
const pairsArray = Object.values(groupPairs(data));
console.log(pairsArray);

மெட்டீரியல்-அகலப் பொருள்களைச் செயலாக்குவதற்கான பின்முனை Node.js ஸ்கிரிப்ட்

Node.js பின்தள ஸ்கிரிப்ட் ஆப்ஜெக்ட் மேப்பிங்கிற்கான மாடுலர் செயல்பாடுகளைப் பயன்படுத்துகிறது

const materialsAndWidths = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to process and map objects into key-value pairs
function mapObjects(obj) {
  const output = [];
  const materials = Object.keys(obj).filter(k => k.startsWith('material'));
  const widths = Object.keys(obj).filter(k => k.startsWith('width'));
  materials.forEach((key, index) => {
    const materialKey = key;
    const widthKey = widths[index];
    output.push({
      [materialKey]: obj[materialKey],
      [widthKey]: obj[widthKey]
    });
  });
  return output;
}

// Call function and display results
const result = mapObjects(materialsAndWidths);
console.log(result);

// Module export for reuse in different environments
module.exports = { mapObjects };

பொருள் கையாளுதலுக்கான கூடுதல் ஜாவாஸ்கிரிப்ட் முறைகளை ஆராய்தல்

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

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

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

JavaScript ஆப்ஜெக்ட் முறைகள் பற்றி அடிக்கடி கேட்கப்படும் கேள்விகள்

என்ன செய்கிறது Object.fromEntries() ஜாவாஸ்கிரிப்ட்டில் செய்யவா?
Object.fromEntries() முக்கிய-மதிப்பு ஜோடிகளின் வரிசையை மீண்டும் ஒரு பொருளாக மாற்றுகிறது, இதன் செயல்பாட்டை மாற்றுகிறது Object.entries().
ஜாவாஸ்கிரிப்ட்டில் இரண்டு பொருட்களை எவ்வாறு இணைப்பது?
நீங்கள் பயன்படுத்தலாம் Object.assign() இரண்டு அல்லது அதற்கு மேற்பட்ட பொருட்களை ஒன்றாக இணைத்து, அவற்றின் பண்புகளை இணைக்கும் முறை.
என்ன வித்தியாசம் Object.keys() மற்றும் Object.values()?
Object.keys() பொருளின் சொத்துப் பெயர்களின் வரிசையை வழங்குகிறது Object.values() பொருளின் சொத்து மதிப்புகளின் வரிசையை வழங்குகிறது.
ஜாவாஸ்கிரிப்டில் ஒரு பொருளை எவ்வாறு குளோன் செய்வது?
ஒரு பொருளை குளோன் செய்ய, நீங்கள் பயன்படுத்தலாம் Object.assign(), இது அசல் பொருளின் ஆழமற்ற நகலை உருவாக்குகிறது.
முடியும் reduce() ஜாவாஸ்கிரிப்டில் உள்ள பொருள்களுக்குப் பயன்படுத்தப்படுமா?
ஆம், reduce() புதிய கட்டமைப்புகளை உருவாக்க அல்லது தரவைக் கணக்கிட உங்களை அனுமதிக்கும் பொருள்களிலிருந்து பெறப்பட்ட முக்கிய-மதிப்பு ஜோடிகளின் வரிசைகளுக்குப் பயன்படுத்தலாம்.

ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட் முறைகள் பற்றிய இறுதி எண்ணங்கள்

ஜாவாஸ்கிரிப்ட் பொருட்களை கையாளுவதற்கு சக்திவாய்ந்த கருவிகளை வழங்குகிறது, இது பொருட்களை ஜோடியாக முக்கிய மதிப்பு கட்டமைப்புகளாக பிரிக்க பயன்படுத்தப்படும் நுட்பங்களால் நிரூபிக்கப்பட்டுள்ளது. போன்ற முறைகள் Object.keys() மற்றும் குறைக்க () சிக்கலான தரவு மாற்றங்களை எளிதாக்க உதவுகிறது.

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

ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட் முறைகளுக்கான குறிப்புகள் மற்றும் ஆதாரங்கள்

பற்றிய விரிவான விளக்கம் Object.entries() மற்றும் பிற பொருள் முறைகள், நடைமுறை எடுத்துக்காட்டுகளுடன். மேலும் தகவலுக்கு, பார்வையிடவும் MDN வெப் டாக்ஸ் .
பயன்படுத்துவதற்கான விரிவான வழிகாட்டி Array.prototype.reduce() வரிசைகள் மற்றும் பொருட்களை திறமையாக மாற்றுவதற்கு. மேலும் படிக்க MDN வெப் டாக்ஸ் .
ஆப்ஜெக்ட் கையாளுதலுக்கான செயல்திறன் மேம்படுத்தல்கள் உட்பட JavaScript சிறந்த நடைமுறைகள் பற்றிய நுண்ணறிவு கண்டறியப்பட்டது JavaScript.info .
மேம்பட்ட பயன்பாட்டு நிகழ்வுகளுக்கு Object.assign() மற்றும் பிற தொடர்புடைய பொருள் முறைகள், பார்க்கவும் Flavio Copes' வலைப்பதிவு .

பொருள் முறைகளைப் பயன்படுத்தி ஜாவாஸ்கிரிப்டில் டைனமிக் ஆப்ஜெக்ட் ஜோடிகளை உருவாக்குதல்