मैंने एक सरणी का नक्शा बनाया है जो संबंधित छवि दिखाने के लिए इसका मान लेता है। सब कुछ ठीक काम करता है सिवाय इस तथ्य के कि उन पंक्तियों के बीच कुछ अल्पविराम दिखाई दे रहे हैं।

Example

मैंने सरणी को स्ट्रिंग में बदलने और अल्पविराम को हटाने की कोशिश की है, लेकिन फिर मैपिंग एक ऐसे कारण से काम करना बंद कर देती है जिसे मैं वास्तव में समझ नहीं पा रहा हूं।

अभी मैपिंग इस प्रकार है:

  const images = imgArr.map(n => `<p><img src="img/test/${n}.png" style="width: 100px; min-width: 500px; image-rendering: crisp-edges;" /> </p>`)
  var h = document.getElementById("myH2");
  h.insertAdjacentHTML("afterend", images);

कोई विचार मैं इसके साथ कैसे आगे बढ़ सकता हूं?

3
That bored tech guy 20 मार्च 2021, 15:47
1
अल्पविराम के बिना जोड़ने के लिए Array.prototype.join('') का उपयोग करके सरणी में शामिल हों
 – 
a.mola
20 मार्च 2021, 15:49
यह किसी कारण से इसे तोड़ता है ... यह तब काम करता है जब मैं इसे एक स्ट्रिंग के रूप में दिखाता हूं लेकिन अब जब मैं इसे मैप करता हूं
 – 
That bored tech guy
20 मार्च 2021, 15:59
आपने वास्तव में क्या किया?
 – 
a.mola
20 मार्च 2021, 16:13
मुझे एक सॉलिडिटी फाइल से एक ऐरे मिला है जो uint256 में आता है और मैंने इसे मैप किया। जब मैं इसे toString() के साथ स्ट्रिंग्स में परिवर्तित करता हूं तो यह काम करना बंद कर देता है, और किसी भी प्रकार का परिवर्तन मैं इसे करने की कोशिश करता हूं जैसे कि .join इसे भी तोड़ देता है।
 – 
That bored tech guy
20 मार्च 2021, 16:36
मेरा जवाब देखें
 – 
a.mola
20 मार्च 2021, 16:42

1 उत्तर

सबसे बढ़िया उत्तर

.join('') सरणी पर विधि, अल्पविराम के बिना एक स्ट्रिंग में कनवर्ट करने के लिए

...  
h.insertAdjacentHTML("afterend", images.join(''));
1
a.mola 20 मार्च 2021, 16:42