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

JavaScript में दी गई चौड़ाई (कॉलम) और ऊंचाई (पंक्तियों) के साथ दो-आयामी ऐरे कैसे बनाएं?


हमें एक JavaScript फंक्शन लिखना है जो तीन आर्गुमेंट लेता है:

height --> array की पंक्तियों की संख्या
width --> array के कॉलम की संख्या
val --> array के प्रत्येक एलिमेंट का प्रारंभिक मान

फिर फंक्शन को इन मानदंडों के आधार पर बने नए ऐरे को लौटाना चाहिए।

उदाहरण

इसके लिए कोड होगा:

const rows = 4, cols = 5, val = 'Example';
const fillArray = (width, height, value) => {
    const arr = Array.apply(null, { length: height }).map(el => {
        return Array.apply(null, { length: width }).map(element => {
            return value;
        });
    });
    return arr;
};
console.log(fillArray(cols, rows, val));

आउटपुट

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

[
    [ 'Example', 'Example', 'Example', 'Example', 'Example' ],
    [ 'Example', 'Example', 'Example', 'Example', 'Example' ],
    [ 'Example', 'Example', 'Example', 'Example', 'Example' ],
    [ 'Example', 'Example', 'Example', 'Example', 'Example' ]
]

  1. CSS और JavaScript से टैब्स कैसे बनाएं? CSS और JavaScript से टैब्स कैसे बनाएं?

    बेसिक टैब्स इम्प्लीमेंटेशन CSS और JavaScript से टैब्स बनाने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> <style> .tab { overflow: hidden; border: 2px solid gray; background-colo

  1. JavaScript से मल्टी-स्टेप फॉर्म कैसे बनाएं? JavaScript से मल्टी-स्टेप फॉर्म कैसे बनाएं?

    JavaScript का उपयोग करके मल्टी-स्टेप फॉर्म (चरणबद्ध फॉर्म) बनाने का पूरा कोड नीचे दिया गया है। यह लंबे फॉर्म्स को छोटे-छोटे चरणों में बांटकर यूजर अनुभव सुधारता है। उदाहरण = pageEle.length) { document.getElementById(regForm).submit(); return false; } showTab(currentTab); } function

  1. CSS और JavaScript से पासवर्ड वैलिडेशन फॉर्म कैसे बनाएं? CSS और JavaScript से पासवर्ड वैलिडेशन फॉर्म कैसे बनाएं?

    CSS और JavaScript का उपयोग करके पासवर्ड वैलिडेशन फॉर्म बनाने का पूरा कोड नीचे दिया गया है। यह रियल-टाइम फीडबैक दिखाता है कि पासवर्ड आवश्यकताओं को पूरा करता है या नहीं। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 />