JavaScript ऑब्जेक्ट गुणधर्मांद्वारे लूपिंग

JavaScript ऑब्जेक्ट पुनरावृत्ती एक्सप्लोर करत आहे

JavaScript ऑब्जेक्टच्या गुणधर्मांमधून पळवाट काढणे हे विकसकांना सामोरे जाणारे एक सामान्य कार्य आहे. तुम्हाला की, व्हॅल्यूज किंवा दोन्हीमध्ये प्रवेश करणे आवश्यक आहे का, ऑब्जेक्ट गुणधर्मांची प्रभावीपणे गणना कशी करायची हे समजून घेणे महत्त्वाचे आहे.

या लेखात, आम्ही ऑब्जेक्टच्या घटकांवर पुनरावृत्ती करण्यासाठी विविध पद्धती शोधू. अखेरीस, तुमचा JavaScript कोड कार्यक्षम आणि वाचनीय दोन्ही आहे याची खात्री करून तुम्ही ऑब्जेक्ट गणनेला सहजतेने हाताळण्यासाठी ज्ञानाने सुसज्ज असाल.

जावास्क्रिप्ट ऑब्जेक्ट पुनरावृत्ती तंत्र समजून घेणे

द for...in लूप ही एक मूलभूत JavaScript रचना आहे जी ऑब्जेक्टच्या असंख्य गुणधर्मांवर पुनरावृत्ती करण्यासाठी वापरली जाते. उदाहरणाच्या स्क्रिप्टमध्ये, for...in ऑब्जेक्टच्या प्रत्येक प्रॉपर्टीमधून लूप करण्यासाठी वापरला जातो p. लूपमध्ये, hasOwnProperty() मालमत्ता ही वस्तूची थेट मालमत्ता आहे आणि त्याच्या प्रोटोटाइप साखळीतून वारशाने मिळालेली नाही याची खात्री करण्यासाठी वापरली जाते. जेव्हा ऑब्जेक्टला गुणधर्म प्राप्त होतात तेव्हा अनपेक्षित परिणाम टाळण्यासाठी हे महत्त्वपूर्ण आहे. लूप नंतर प्रत्येक प्रॉपर्टीची की आणि मूल्य वापरून लॉग करते console.log, ऑब्जेक्टच्या गुणधर्मांची प्रभावीपणे गणना करणे.

दाखवलेली दुसरी पद्धत वापरणे आहे ५, जे ऑब्जेक्टच्या स्वतःच्या गणनीय गुणधर्म [की, मूल्य] जोड्यांचा ॲरे परत करते. हा ॲरे नंतर वापरून पुनरावृत्ती केला जातो forEach(), एक सोयीस्कर ॲरे पद्धत जी प्रत्येक ॲरे घटकासाठी एकदाच दिलेले फंक्शन कार्यान्वित करते. ही पद्धत प्रत्येक पुनरावृत्तीमधील की आणि मूल्य दोन्हीमध्ये थेट प्रवेश करून कोड सुलभ करते, गणना प्रक्रिया सरळ आणि वाचनीय बनवते. द ७ पद्धत सारखीच कार्य करते परंतु फक्त की परत करते, ज्या नंतर संबंधित मूल्यांमध्ये प्रवेश करण्यासाठी वापरल्या जातात forEach() पळवाट

याव्यतिरिक्त, ९ ही दुसरी उपयुक्त पद्धत आहे जी ऑब्जेक्टच्या व्हॅल्यूजची ॲरे देते. सह या ॲरेवर पुनरावृत्ती करून forEach(), आम्ही थेट प्रवेश करू शकतो आणि प्रत्येक मूल्य लॉग करू शकतो. या पद्धती -for...in, ५, ७, आणि ९JavaScript मधील वस्तू हाताळण्यासाठी शक्तिशाली साधने आहेत. ते विविध गरजा आणि प्राधान्ये पूर्ण करून, तुम्ही ऑब्जेक्ट गुणधर्मांमध्ये प्रवेश आणि हाताळणी कशी करता यात लवचिकता प्रदान करतात. प्रत्येक पद्धतीचे फायदे आहेत आणि ते समजून घेतल्याने विकासकांना त्यांच्या विशिष्ट वापरासाठी सर्वात योग्य पर्याय निवडण्याची परवानगी मिळते, कार्यक्षम आणि प्रभावी कोडची अंमलबजावणी सुनिश्चित होते.

लूपमध्ये...साठी वापरून ऑब्जेक्ट गुणधर्मांवर पुनरावृत्ती करणे

JavaScript - लूपमध्ये... साठी

var p = {"p1":"value1","p2":"value2","p3":"value3"};
for (var key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + " -> " + p[key]);
  }
}
// Output:
// p1 -> value1
// p2 -> value2
// p3 -> value3

Object.entries() वापरून ऑब्जेक्ट की आणि मूल्यांद्वारे लूपिंग

JavaScript - Object.entries()

१

Object.keys() वापरून ऑब्जेक्ट गुणधर्मांची गणना करणे

JavaScript - Object.keys()

var p = {"p1":"value1","p2":"value2","p3":"value3"};
Object.keys(p).forEach(key => {
  console.log(key + " -> " + p[key]);
});
// Output:
// p1 -> value1
// p2 -> value2
// p3 -> value3

Object.values() वापरून ऑब्जेक्ट व्हॅल्यूजद्वारे पुनरावृत्ती करणे

JavaScript - Object.values()

var p = {"p1":"value1","p2":"value2","p3":"value3"};
Object.values(p).forEach(value => {
  console.log(value);
});
// Output:
// value1
// value2
// value3

JavaScript ऑब्जेक्ट पुनरावृत्तीमध्ये अधिक खोलवर जा

JavaScript मध्ये ऑब्जेक्ट पुनरावृत्ती हाताळण्याचा आणखी एक शक्तिशाली मार्ग म्हणजे वापरणे १५ वस्तू नेहमीच्या वस्तूंच्या विपरीत, १५ ऑब्जेक्ट्स तुम्हाला की-व्हॅल्यू जोड्या संग्रहित करण्याची परवानगी देतात जिथे की कोणत्याही डेटा प्रकारच्या असू शकतात. ही लवचिकता विशेषतः अशा परिस्थितीत उपयुक्त ठरू शकते जिथे तुम्हाला जटिल की, जसे की ऑब्जेक्ट्स किंवा फंक्शन्स, मूल्यांसह संबद्ध करण्याची आवश्यकता आहे. आपण सहजपणे ए वर पुनरावृत्ती करू शकता १५ त्याच्या अंगभूत पद्धती वापरणे जसे १८, Map.prototype.keys(), आणि Map.prototype.values(), एक सुसंगत आणि अंदाज लावता येण्याजोगा पुनरावृत्ती क्रम प्रदान करते, जो समाविष्ट करण्याचा क्रम आहे.

च्या व्यतिरिक्त १५, JavaScript देखील ऑफर करते WeakMap, जे समान आहे परंतु कमकुवतपणे संदर्भित असलेल्या कळांसह आहे, याचा अर्थ असा की ऑब्जेक्टचे इतर कोणतेही संदर्भ नसल्यास ते कचरा गोळा करण्यास प्रतिबंध करत नाहीत. हे काही विशिष्ट अनुप्रयोगांमध्ये मेमरी अधिक कार्यक्षमतेने व्यवस्थापित करण्यात मदत करू शकते. दोन्ही १५ आणि WeakMap की-व्हॅल्यू जोड्यांचे संकलन व्यवस्थापित करण्यासाठी पद्धतींचा एक मजबूत संच प्रदान करा. जरी ते साध्या वस्तूंसाठी थेट प्रतिस्थापन नसले तरी, ते लवचिकता आणि मेमरी व्यवस्थापनाच्या दृष्टीने अद्वितीय फायदे देतात ज्याचा अधिक जटिल डेटा संरचना आणि अल्गोरिदममध्ये फायदा होऊ शकतो.

JavaScript ऑब्जेक्ट पुनरावृत्ती बद्दल सामान्य प्रश्न

1. JavaScript मधील ऑब्जेक्टच्या गुणधर्मांवर मी कसे पुनरावृत्ती करू शकतो?
2. तुम्ही वापरू शकता for...in, ७, ९, किंवा ५ ऑब्जेक्टच्या गुणधर्मांवर पुनरावृत्ती करणे.
3. यांच्यात काय फरक आहे for...in आणि ७?
4. for...in प्रोटोटाइप साखळीद्वारे वारशाने मिळालेल्या सर्व गुणानुक्रमित गुणधर्मांवर पुनरावृत्ती होते ७ केवळ ऑब्जेक्टचे स्वतःचे गुणविशेष परत करते.
5. कसे ५ काम?
6. ५ ऑब्जेक्टच्या स्वतःच्या गणण्यायोग्य गुणधर्म [की, मूल्य] जोड्यांचा एक ॲरे मिळवते, ज्याला एक सह पुनरावृत्ती करता येते forEach पळवाट
7. मी वापरू शकतो forEach थेट एखाद्या वस्तूवर?
8. नाही, forEach ही ॲरेची पद्धत आहे, परंतु तुम्ही ती परत केलेल्या ॲरेवर वापरू शकता ७, ९, किंवा ५.
9. काय आहेत १५ आणि WeakMap?
10. १५ कोणत्याही प्रकारच्या कळांना अनुमती देते आणि समाविष्ट करण्याचा क्रम राखते. WeakMap कमकुवतपणे संदर्भित असलेल्या कळा आहेत आणि कचरा गोळा केला जाऊ शकतो.
11. कसे १८ आणि ४६ वेगळे?
12. ते समान कार्य करतात, परंतु १८ नकाशाच्या नोंदींवर पुनरावृत्ती होते (की-व्हॅल्यू जोड्या), तर ४६ ॲरे घटकांवर पुनरावृत्ती होते.
13. का वापरावे ९?
14. वापरा ९ जेव्हा आपल्याला ऑब्जेक्टच्या गुणधर्मांच्या मूल्यांवर थेट पुनरावृत्ती करण्याची आवश्यकता असते.

जावास्क्रिप्ट ऑब्जेक्ट पुनरावृत्तीवर अंतिम विचार

प्रभावी प्रोग्रामिंगसाठी JavaScript मध्ये ऑब्जेक्ट पुनरावृत्ती मास्टरींग करणे आवश्यक आहे. सारख्या पद्धतींचा वापर करून for...in, ७, ९, आणि ५, विकसक कार्यक्षमतेने ऑब्जेक्ट गुणधर्मांमध्ये प्रवेश करू शकतात आणि हाताळू शकतात. तुमचा कोड स्वच्छ, कार्यक्षम आणि समजण्यास सोपा राहील याची खात्री करून ही तंत्रे लवचिकता प्रदान करतात. तुम्ही साध्या किंवा गुंतागुंतीच्या वस्तूंशी व्यवहार करत असाल तरीही, या पद्धती जाणून घेतल्याने तुमचे कोडिंग कौशल्य वाढेल आणि तुमचे JavaScript ॲप्लिकेशन ऑप्टिमाइझ होईल.