flatMapसंग्रह पर अविश्वसनीय रूप से उपयोगी है, लेकिन जावास्क्रिप्ट एक होने के दौरान प्रदान नहीं करता है Array.prototype.map। क्यों?
वहाँ flatMapआसान और कुशल दोनों तरह से जावास्क्रिप्ट में अनुकरण करने का कोई तरीका w / o flatMapमैन्युअल रूप से परिभाषित कर रहा है ?
arr.map(...).reduce(...))।
जवाबों:
अपडेट: Array.prototype.flatMap इसे ES2019 में बनाया
यह कई वातावरणों में व्यापक रूप से समर्थित है। नीचे दिए गए स्निपेट का उपयोग करके देखें कि क्या यह आपके ब्राउज़र में काम करता है -
const data =
[ 1, 2, 3, 4 ]
console.log(data.flatMap(x => Array(x).fill(x)))
// [ 1, 2, 2, 3, 3, 3, 4, 4, 4, 4 ]"जावास्क्रिप्ट में कोई Array.prototype.flatMap क्यों नहीं?"
क्योंकि प्रोग्रामिंग जादू नहीं है और हर भाषा में ऐसी विशेषताएं / प्रधानताएँ नहीं हैं जो हर दूसरी भाषा में होती हैं। क्या मायने रखता है जावास्क्रिप्ट आपको इसे अपने दम पर परिभाषित करने की क्षमता देता है -
const concat = (x,y) =>
x.concat(y)
const flatMap = (f,xs) =>
xs.map(f).reduce(concat, [])
const xs = [1,2,3]
console.log(flatMap(x => [x-1, x, x+1], xs))या फिर से लिखना जो दो छोरों को एक में समेट देता है -
const flatMap = (f, xs) =>
xs.reduce((r, x) => r.concat(f(x)), [])
const xs = [1,2,3]
console.log(flatMap(x => [x-1, x, x+1], xs))यदि आप चाहते हैं कि इसका विस्तार हो Array.prototype, तो कुछ भी आपको रोक नहीं रहा है -
if (!Array.prototype.flatMap) {
function flatMap (f, ctx) {
return this.reduce
( (r, x, i, a) =>
r.concat(f.call(ctx, x, i, a))
, []
)
}
Array.prototype.flatMap = flatMap
}
const ranks =
[ 'J', 'Q', 'K', 'A' ]
const suits =
[ '♡', '♢', '♤', '♧' ]
const result =
ranks.flatMap(r =>
suits.flatMap(s =>
[[r, s]]
)
)
console.log(JSON.stringify(result))
// [ ['J','♡'], ['J','♢'], ['J','♤'], ['J','♧']
// , ['Q','♡'], ['Q','♢'], ['Q','♤'], ['Q','♧']
// , ['K','♡'], ['K','♢'], ['K','♤'], ['K','♧']
// , ['A','♡'], ['A','♢'], ['A','♤'], ['A','♧']
// ]Array.prototype._mylib_flatMapकेवल परिभाषित करने के बजाय प्रोटोटाइप (जैसे ), या ईएस 6 प्रतीकों का बेहतर उपयोग करने के लिए किसी भी जोड़ को नाम देना बेहतर माना जाता है Array.prototype.flatMap।
mapवैश्विक फ़ंक्शन के रूप में परिभाषित कार्यात्मक कोड की कल्पना करें ! दूसरा सिर्फ बुरा अभ्यास है
append, map, filter, foldl, foldrडिफ़ॉल्ट नाम स्थान में अनगिनत दूसरों के बीच में। यह इसे एक बुरा अभ्यास नहीं बनाता है क्योंकि आपने किसी को "ग्लोबल्स खराब हैं" या "फैले हुए मूल निवासी बुरा है" कहते हुए सुना - रैकेट सबसे अच्छी डिज़ाइन की गई भाषाओं में से है। आपको बस यह नहीं पता कि इसे कब / कैसे उचित तरीके से करना है।
flatMapES2019 (ES10) के भाग के रूप में TC39 द्वारा अनुमोदित किया गया है। आप इसे इस तरह से उपयोग कर सकते हैं:
[1, 3].flatMap(x => [x, x + 1]) // > [1, 2, 3, 4]
यहाँ विधि का अपना कार्यान्वयन है:
const flatMap = (f, arr) => arr.reduce((x, y) => [...x, ...f(y)], [])
flapMap? मैं अपने नक्शे को समतल करना चाहता हूं, इसे फ्लैप नहीं करना चाहता हूं!
const flatMap = (arr, ...args) => [].concat(...arr.map(...args));(या applyयदि आप फैलाने वाले ऑपरेटर का उपयोग नहीं कर सकते हैं) का उपयोग करना - हालांकि इस कॉनकट संस्करण में भारी सरणियों के लिए स्टैक आकार के मुद्दे हैं जैसा कि एक समाधान में उल्लेख किया गया है
मुझे पता है कि आपने कहा था कि आप इसे स्वयं परिभाषित नहीं करना चाहते हैं, लेकिन यह कार्यान्वयन एक बहुत ही तुच्छ परिभाषा है।
वहाँ भी इसी github पृष्ठ से है:
यहाँ es6 स्प्रेड का उपयोग करने का थोड़ा सा तरीका है, renaudtertrais की - के समान, लेकिन es6 का उपयोग करना और प्रोटोटाइप में जोड़ना नहीं।
var flatMap = (a, cb) => [].concat(...a.map(cb))
const s = (v) => v.split(',')
const arr = ['cat,dog', 'fish,bird']
flatMap(arr, s)
क्या इनमें से कोई मदद करेगा?
यह ध्यान दिया जाना चाहिए (@ftor के लिए धन्यवाद) कि यह उत्तरार्द्ध "समाधान" "अधिकतम कॉल स्टैक आकार से अधिक" से ग्रस्त है अगर वास्तव में बड़े (जैसे, 300k तत्व) सरणी पर कहा जाता है a।
[].concat(...(new Array(300000).fill("foo").map(x => x.toUpperCase())))। यकीन है, यह एक कोने का मामला है। लेकिन आपको कम से कम इसका उल्लेख करना चाहिए।
लॉडश एक फ्लैटमैप फ़ंक्शन प्रदान करता है, जो मुझे व्यावहारिक रूप से जावास्क्रिप्ट के समान है जो इसे मूल रूप से प्रदान करता है। यदि आप एक लॉडश उपयोगकर्ता नहीं हैं, तो ES6 की Array.reduce()विधि आपको एक ही परिणाम दे सकती है, लेकिन आपको असतत चरणों में मैप करना होगा।
नीचे प्रत्येक विधि का एक उदाहरण है, पूर्णांकों की सूची को मैप करना और केवल बाधाओं को वापस करना।
लोदाश:
_.flatMap([1,2,3,4,5], i => i%2 !== 0 ? [i] : [])
ES6 कम करें:
[1,2,3,4,5].map(i => i%2 !== 0 ? [i] : []).reduce( (a,b) => a.concat(b), [] )
एक काफी संक्षिप्त दृष्टिकोण का उपयोग करना है Array#concat.apply:
const flatMap = (arr, f) => [].concat.apply([], arr.map(f))
console.log(flatMap([1, 2, 3], el => [el, el * el]));मैंने कुछ इस तरह किया:
Array.prototype.flatMap = function(selector){
return this.reduce((prev, next) =>
(/*first*/ selector(prev) || /*all after first*/ prev).concat(selector(next)))
}
[[1,2,3],[4,5,6],[7,8,9]].flatMap(i => i); //[1, 2, 3, 4, 5, 6, 7, 8, 9]
[{subarr:[1,2,3]},{subarr:[4,5,6]},{subarr:[7,8,9]}].flatMap(i => i.subarr); //[1, 2, 3, 4, 5, 6, 7, 8, 9]
हम अब flatMap()जावास्क्रिप्ट में हैं! और यह बहुत अच्छी तरह से समर्थित है
फ्लैटपाइप () विधि पहले मैपिंग फ़ंक्शन का उपयोग करके प्रत्येक तत्व को मैप करती है, फिर परिणाम को नए सरणी में समतल करती है। यह एक मानचित्र () के समान है, इसके बाद एक फ्लैट () गहराई 1 है
const dublicate = x => [x, x];
console.log([1, 2, 3].flatMap(dublicate)){ "message": "Uncaught TypeError: [1,2,3].flatMap is not a function", "filename": "https://stacksnippets.net/js", "lineno": 15, "colno": 23 }
Array.prototype.flatMap()अब जेएस में आ गया है। हालांकि, सभी ब्राउज़र वर्तमान ब्राउज़र संगतता मोज़िला वेब डॉक्स के लिए जाँच करने में उनका समर्थन नहीं कर सकते हैं ।
flatMap()विधि क्या करती है पहले कॉलबैक फ़ंक्शन का उपयोग प्रत्येक तत्व को तर्क के रूप में करता है, फिर परिणाम को एक नए सरणी (2d सरणी अब 1d है क्योंकि तत्वों को चपटा हुआ है) में समतल करता है।
फ़ंक्शन का उपयोग कैसे करें, इसका एक उदाहरण यहां दिया गया है:
let arr = [[2], [4], [6], [8]]
let newArr = arr.flatMap(x => [x * 2]);
console.log(newArr);
arr.reduce((arr, v) => (arr.push(...v), arr), [])?