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

जावास्क्रिप्ट का उपयोग करके ऐरे में एलिमेंट जोड़ना


ऐरे में एलिमेंट जोड़ना विभिन्न पदों के लिए विभिन्न फ़ंक्शन का उपयोग करके किया जा सकता है।

ऐरे के अंत में एलिमेंट जोड़ना

यह पुश मेथड का उपयोग करके पूरा किया जा सकता है। उदाहरण के लिए,

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

इससे निम्न आउटपुट मिलेगा:

["Onion", "Raddish", "Cabbage"]

आप इसका उपयोग एक ही समय में कई आइटम पुश करने के लिए भी कर सकते हैं क्योंकि यह वेरिएबल संख्या में आर्ग्यूमेंट्स को सपोर्ट करता है। उदाहरण के लिए,

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

इससे निम्न आउटपुट मिलेगा:

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

ऐरे की शुरुआत में एलिमेंट जोड़ना

यह अनशिफ्ट मेथड का उपयोग करके पूरा किया जा सकता है। उदाहरण के लिए,

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage");
console.log(veggies);

इससे निम्न आउटपुट मिलेगा:

["Cabbage", "Onion", "Raddish"]

आप इसका उपयोग एक ही समय में कई आइटम अनशिफ्ट करने के लिए भी कर सकते हैं क्योंकि यह वेरिएबल संख्या में आर्ग्यूमेंट्स को सपोर्ट करता है। उदाहरण के लिए,

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

इससे निम्न आउटपुट मिलेगा:

["Cabbage", "Carrot", "Broccoli", "Onion", "Raddish"]

ऐरे की दी गई पोजीशन पर एलिमेंट जोड़ना

कभी-कभी आपको ऐरे में दी गई पोजीशन पर एलिमेंट जोड़ने की आवश्यकता होती है। जावास्क्रिप्ट इसे आउट ऑफ द बॉक्स सपोर्ट नहीं करता। इसलिए हमें ऐसा करने में सक्षम होने के लिए एक फ़ंक्शन बनाने की आवश्यकता है। हम इसे Array प्रोटोटाइप में जोड़ सकते हैं ताकि हम इसे सीधे ऑब्जेक्ट पर उपयोग कर सकें।

Array.prototype.insert = function(data, position) {
    if (position >= this.length) {
        this.push(data)
        // अगर पोजीशन ऐरे की कुल लंबाई से अधिक है तो अंत में रखें
    } else if (position <= 0) {
        this.unshift(data)
        // अगर पोजीशन 0 से कम या बराबर है तो शुरुआत में रखें
    } else {
        // सभी एलिमेंट्स को दाएं शिफ्ट करें
        for (let i = this.length; i >= position; i--) {
            this[i] = this[i - 1];
        }
        this[position] = data;
    }
}
let arr = [1, 2, 3, 4];
arr.insert(-1, 2);
console.log(arr);

इससे निम्न आउटपुट मिलेगा:

[1, 2, -1, 3, 4]

अब इंसर्ट मेथड आपके द्वारा बनाए गए हर ऐरे ऑब्जेक्ट पर उपलब्ध है।

आप दिए गए पोजीशन पर एलिमेंट इंसर्ट करने के लिए स्प्लिस मेथड का भी उपयोग कर सकते हैं। उदाहरण के लिए,

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months);

इससे निम्न आउटपुट मिलेगा:

['Jan', 'Feb', 'March', 'April', 'June']

मेथड का पहला आर्ग्यूमेंट वह इंडेक्स है जिससे हम एलिमेंट हटाना या इंसर्ट करना चाहते हैं। दूसरा आर्ग्यूमेंट उन एलिमेंट्स की संख्या है जिन्हें हम हटाना चाहते हैं। और तीसरा आर्ग्यूमेंट आगे वे वैल्यू हैं जिन्हें हम ऐरे में इंसर्ट करना चाहते हैं।


  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 { &n

  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. वेनिला जावास्क्रिप्ट का उपयोग करके बटन क्लिक पर ऐरे आइटम्स को डिव एलिमेंट पर प्रदर्शित करना वेनिला जावास्क्रिप्ट का उपयोग करके बटन क्लिक पर ऐरे आइटम्स को डिव एलिमेंट पर प्रदर्शित करना

    ऐरे के एलिमेंट्स को डिव में एम्बेड करने के लिए, हमें बस ऐरे पर पुनरावृति करने और एलिमेंट को डिव में जोड़ते रहने की आवश्यकता है। इसे इस तरह किया जा सकता है: उदाहरण const myArray = ["stone","paper","scissors"]; const embedElements = () => {    myArray.forEac