ECMAScript प्रस्ताव: Array.prototype। {फ़्लैट, फ़्लैटमैप}

ECMAScript नवाचारों

हेलो रीडर्स हैबर। मैं आपके ध्यान में एक दिलचस्प बात लाता हूं जो जल्द ही दिखाई देगा पहले से ही ईसीएमएस्क्रिप्ट मानक में दिखाई दिया। यह पहले से ही उपलब्ध है। लगभग सभी ब्राउज़रों में और सभी कार्यक्षमता भी। यह नवाचार केवल एक चीनी आवरण है और इसे आपके स्वयं के माध्यम से हल किया जा सकता है और मैं आपको यह भी दिखाऊंगा। लेकिन यह चीनी हमें कम कोड लिखने की अनुमति देगी, क्योंकि हम इसे बहुत पसंद करते हैं। इसलिए, सरणी में बुनियादी फ़ंक्शंस जोड़े जाते हैं, इस मामले में उनमें से 2 हैं, जो हमें बहु-स्तरीय सरणियों को एक या अधिक स्तरों के घोंसले के शिकार में विस्तारित करने की अनुमति देगा। हां, हां, और यह सब जैसा कि वे बॉक्स से बाहर कहते हैं

ECMAScript प्रस्ताव: Array.prototype। {फ़्लैट, फ़्लैटमैप}

इस प्रस्ताव को कभी Array.prototype.flat {दस, मैप} के रूप में जाना जाता था। इसे स्टेज का दर्जा प्राप्त है। 3 TC39 के 4 अर्थात् पहले से ही उम्मीदवार समाप्त हो गया। मुझे लगता है कि यह थोड़ा ध्यान देने योग्य है और इस बारे में बात करें TC39 और मानकों के बारे में, जो परिचित हैं वे इस वापसी को छोड़ सकते हैं। तो:

जावास्क्रिप्ट मानकों और यह कैसे तैयार किया जाता है।

ECMAScript

ईसीएमएस्क्रिप्ट एक मानक है जिसे ईसीएमए इंटरनेशनल द्वारा विकसित और रखरखाव किया जाता है। यह एक्मा महासभा द्वारा जून 1997 में अपनाया गया था। अधिक विशेष रूप से, ECMAScript ECMA-262 मानक है जिसे ECMAScript भाषा विनिर्देश कहा जाता है। मानक Netscape और Microsoft JScript दुभाषिया से Brendan Aich द्वारा जावास्क्रिप्ट के मूल संस्करण के आधार पर बनाया गया था, लेकिन तब से काफी विकसित हुआ है।

जावास्क्रिप्ट ECMAScript विनिर्देशन का कार्यान्वयन है। इसका मतलब यह है कि जैसा कि विनिर्देशन में नए ड्राफ्ट या प्रकाशित संस्करण हैं, ब्राउज़र और फ्रेमवर्क जैसे Node.js के डेवलपर्स को लगातार अपनी कार्यक्षमता को लागू करना चाहिए। ऐसा करने के लिए, उन इंजनों में परिवर्तन किए जाते हैं जो ये ब्राउज़र और चौखटे जावास्क्रिप्ट कोड की व्याख्या और निष्पादित करने के लिए उपयोग करते हैं।

आपको एक विनिर्देश की आवश्यकता क्यों है? विभिन्न ब्राउज़र्स विभिन्न जावास्क्रिप्ट इंजन का उपयोग करते हैं, उदाहरण के लिए, क्रोम में V8, फ़ायरफ़ॉक्स में स्पाइडरमोंकी और इसी तरह। जब आप जावास्क्रिप्ट में लिखते हैं, तो आप अपेक्षा करते हैं कि सभी वातावरणों में सभी इंजन आपके कोड को पार्स और निष्पादित करें। एक मानकीकृत विनिर्देश के बिना, इनमें से कोई भी इंजन जावास्क्रिप्ट को निष्पादित करने के लिए स्वतंत्र होगा क्योंकि वह प्रसन्न होता है, जाहिर है कि यह बहुत अच्छा नहीं है।

TC39

एक्मा इंटरनेशनल टेक्निकल कमेटी 39 (उर्फ टीसी 39 ) बहुत स्मार्ट लोगों की एक कमेटी है, यह प्रतिभागियों के समूह के साथ जुड़ा हुआ है, वैसे स्मार्ट भी। वे सभी लगभग दो महीनों में समिति की बैठकों में एक साथ इकट्ठा होते हैं और मुद्दों की पूर्व-तैयार सूची पर चर्चा करते हैं।
TC39 का लक्ष्य चर्चा और आम सहमति के बाद पहले से उल्लेखित ECMAScript विनिर्देश को बनाए रखना और अद्यतन करना है। इसमें भाषा सिंटैक्स, शब्दार्थ, पुस्तकालय और संबंधित तकनीक शामिल हैं जो भाषा पर आधारित हैं।

यह प्रक्रिया TC39 द्वारा परिभाषित की गई है। यह सब एक कार्यात्मक के मसौदे से शुरू होता है जो विनिर्देश को बढ़ाता है या बदलता है। ये ड्राफ्ट अक्सर डेवलपर समुदायों से या खुद TC39 सदस्यों से आते हैं। यदि प्रस्ताव योग्य है, तो मसौदे को आधिकारिक प्रस्ताव का दर्जा मिल जाता है।

फिर, विचार से प्रकाशन के रास्ते पर, प्रस्ताव कई विशिष्ट चरणों से गुजरता है। उन्हें शून्य से चार पुरुष प्रोग्रामर में गिना जाता है:

[“Strawman”, “Proposal”, “Draft”, “Candidat”, “Finished”] 

किसी भी अगले चरण पर जाने के लिए TC39 अनुमोदन की आवश्यकता होती है। यदि प्रस्ताव चरण 4 तक पहुंच गया है, तो यह उम्मीद की जा सकती है कि यह ECMA-262 मानक के विनिर्देश के अगले आधिकारिक तौर पर प्रकाशित संस्करण में शामिल किया जाएगा, और अंततः यह जावास्क्रिप्ट चलाने वाले वातावरण में दिखाई देगा। आप इस प्रक्रिया के बारे में दस्तावेज़ से ही जान सकते हैं।

मानक के लिए परिचय के सभी मौजूदा प्रस्तावों को जीथब पर यहां पाया जा सकता है
खैर, अब आगे चलते हैं ...

Array.prototype.flat

फ्लैट () विधि एक नई सरणी लौटाती है,

 var newArray = arr.flat(depth); 

जिसमें सभी तत्वों को सरणियों के तहत घोंसला बनाया गया था, उन्हें निर्दिष्ट गहराई स्तर तक "बढ़ा" दिया गया था।

एक उदाहरण:

 const arr1 = [1, 2, [3, 4]]; arr1.flat(); //? [1, 2, 3, 4] const arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); //? [1, 2, 3, 4, [5, 6]] const arr3 = [1, 2, [3, 4, [5, 6]]]; arr3.flat(2); //? [1, 2, 3, 4, 5, 6] 

एक साइड इफेक्ट भी है, यह अपरिभाषित सरणी तत्वों को निकालता है

एक उदाहरण:

 const arr4 = [1, 2, , 4, 5]; arr4.flat(); //? [1, 2, 4, 5] 

शीर्षासन स्वयं करें

हम कम और समतल का उपयोग करते हैं

एक उदाहरण:

 const arr1 = [1,2,3,[1,2,3,4, [2,3,4]]]; function flattenDeep(arr1) { return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []); } flattenDeep(arr1); //? [1, 2, 3, 1, 2, 3, 4, 2, 3, 4] 

Array.prototype.flatMap

फ्लैटपाइप () विधि पहले प्रत्येक तत्व के लिए एक फ़ंक्शन लागू करती है, और फिर परिणाम को एक फ्लैट संरचना में परिवर्तित करती है और इसे एक नए सरणी में रखती है। यह मानचित्र फ़ंक्शन के समान है, इसके बाद फ्लैट फ़ंक्शन का उपयोग 1 के गहराई पैरामीटर के साथ किया जाता है, लेकिन फ्लैट मैप अक्सर उपयोगी होता है क्योंकि यह थोड़ी अधिक कुशलता से काम करता है।

 var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) { // return element for new_array }[, thisArg]) 

callback - एक नया सरणी के तत्वों का उत्पादन करने वाला एक फ़ंक्शन तीन तर्क लेता है:

1. currentValue - प्रक्रिया करने के लिए सरणी का वर्तमान तत्व।
2. index (वैकल्पिक) - सरणी में संसाधित करने के लिए आइटम का सूचकांक।
3. array (वैकल्पिक) - array to traverse।
   thisArg (वैकल्पिक) - कॉलबैक फ़ंक्शन को कॉल करते समय उपयोग किया जाने वाला मान।
   वापसी मूल्य - एक नया सरणी, जिसका प्रत्येक तत्व कॉलबैक फ़ंक्शन का परिणाम है और स्तर 1 के लिए "बढ़ा" है।

उदाहरण:

 [ { x: 1, y: 2 }, { x: 3, y: 4 }, { x: 5, y: 6 } ].flatMap(c => [cx, cy]) //? [1, 2, 3, 4, 5, 6] // or const orders = [ { orderId: 42, items: [ {name: 'soap', price: 1.99}, {name: 'shampoo', price: 4.99} ] }, { orderId: 1337, items: [ {name: 'toothpaste', price: 5.59}, {name: 'toothbrush', price: 8.99} ] } ]; orders.flatMap(i => i.items.map(i => i.name)); //? ["soap", "shampoo", "toothpaste", "toothbrush"] 

शीर्षासन स्वयं करें

 var arr1 = [1, 2, 3, 4]; arr1.reduce((acc, x) => acc.concat([x * 2]), []); // [2, 4, 6, 8] 

निष्कर्ष

याद रखें कि यह कार्यक्षमता भाषा में एक कारण से जोड़ी जाती है। TC39 के स्मार्ट लोग इसका कारण भाषा की गुणवत्ता, अमूर्तता, उपयोगिता और अन्य सुधार कर रहे हैं। इन नवाचारों को पहले से सीखें, और जब तक वे आधिकारिक तौर पर हर जगह प्रकाशित और समर्थित नहीं हो जाते, तब तक आप बिना समय बर्बाद किए तुरंत काम पर आ सकते हैं। आप अपने संगठन में अपने आप को एक जावास्क्रिप्ट विशेषज्ञ के रूप में भी स्थान दे सकते हैं, नई भाषा की विशेषताएं प्रदान करने में सक्षम हैं जो कोड और उत्पाद दोनों को ही बेहतर बना सकते हैं।

ps: जबकि लेख लिखा जा रहा था :), प्रस्ताव चरण 4 में चला गया
Array.prototype.{flat,flatMap} से चरण 4 तक, 2019.01.29 TC39 प्रति