Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में ऑर्डर नंबर वाले मानों से ऑर्डर किया गया सरणी कैसे बनाएं?

<घंटा/>

मान लीजिए, हमारे पास स्ट्रिंग्स की एक श्रृंखला है, जिसमें शामिल हैं और छवि पथ और क्रम #concatenated। वे इस तरह दिखते हैं -

const images = [
   'photo1.jpg,0',
   'photo2.jpg,2',
   'photo3.jpg,1'
];

इसलिए, सही क्रम होना चाहिए - फोटो 1, फोटो 3, फोटो 2। हमें केवल पथ मानों के साथ एक सही ढंग से क्रमबद्ध सरणी में प्रोसेस करने की आवश्यकता है। तो, अंततः हमें चाहिए -

const orderedImages = [
   'photo1.jpg',
   'photo3.jpg',
   'photo2.jpg'
]

आइए छवियों की इस सरणी को उसके सही क्रम के अनुसार क्रमबद्ध करने के लिए कोड लिखें -

उदाहरण

const images = [
   'photo1.jpg,0',
   'photo2.jpg,2',
   'photo3.jpg,1'
];
const sorter = (a, b) => {
   return parseInt(a.split(",")[1]) - parseInt(b.split(",")[1]);
};
const sortArray = arr => {
   return arr
   .slice()
   .sort(sorter)
   .map(el => {
      return el.split(",")[0];
   });
};
console.log(sortArray(images));

आउटपुट

कंसोल में आउटपुट होगा -

[ 'photo1.jpg', 'photo3.jpg', 'photo2.jpg' ]

  1. जावास्क्रिप्ट में निरंतर सरणी कैसे बनाएं? क्या हम इसके मूल्यों को बदल सकते हैं? समझाना।

    JavaScript में const array बनाने के लिए हमें array नाम से पहले const लिखना होगा। अलग-अलग सरणी तत्वों को पुन:असाइन किया जा सकता है लेकिन संपूर्ण सरणी को नहीं। जावास्क्रिप्ट में एक स्थिर सरणी बनाने के लिए कोड निम्नलिखित है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> &l

  1. एकाधिक मानों द्वारा जावास्क्रिप्ट सरणी के तत्वों को कैसे खोजें?

    जावास्क्रिप्ट सरणी के तत्वों को अनेक मानों द्वारा खोजने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l

  1. कैसे एक जावास्क्रिप्ट सरणी से एक स्ट्रिंग पार्स करने के लिए?

    जावास्क्रिप्ट सरणी से एक स्ट्रिंग को पार्स करने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&