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

JavaScript में ऑर्डर नंबर वाले मानों से क्रमबद्ध सरणी कैसे बनाएँ?


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

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

इसलिए, सही क्रम होना चाहिए - photo1, photo3, photo2। हमें इसे केवल पथ मानों के साथ सही क्रम वाली सरणी में संसाधित करने की आवश्यकता है। तो अंततः हमें चाहिए:

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. जावास्क्रिप्ट में कॉन्स्टेंट ऐरे कैसे बनाएं? क्या हम इसके मान बदल सकते हैं? समझाएं। जावास्क्रिप्ट में कॉन्स्टेंट ऐरे कैसे बनाएं? क्या हम इसके मान बदल सकते हैं? समझाएं।

    परिचय जावास्क्रिप्ट में कॉन्स्टेंट ऐरे बनाने के लिए, ऐरे नाम से पहले const लिखें। const वेरिएबल के रीअसाइनमेंट को रोकता है (नए ऐरे को असाइन करना), लेकिन व्यक्तिगत ऐरे एलिमेंट्स को अभी भी मॉडिफाई किया जा सकता है क्योंकि ऐरे ऑब्जेक्ट्स हैं (रेफरेंस टाइप)। उदाहरण निम्न कोड जावास्क्रिप्ट में कॉन्स्टें

  1. मल्टीपल वैल्यूज द्वारा जावास्क्रिप्ट ऐरे के एलिमेंट्स कैसे खोजें? मल्टीपल वैल्यूज द्वारा जावास्क्रिप्ट ऐरे के एलिमेंट्स कैसे खोजें?

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

  1. जावास्क्रिप्ट ऐरे से स्ट्रिंग कैसे पार्स करें? जावास्क्रिप्ट ऐरे से स्ट्रिंग कैसे पार्स करें?

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