JavaScript: Wie kann ich ein Array ohne Kommas ausgeben?

Also,

ich habe einen Array mit mehreren Strings, welche ich in HTML. Wie kann ich die Ausgabe ohne Kommas gestalten?

Beispiel:

var meinArray = ["string1 ", "string2"]
document.getElementById("wort").innerHTML = meinArray;

HTML AUSGABE >> string1 ,string2

Wie bekomme ich das Komma weg? Im Array können auch mehr als nur 2 Werte enthalten sein.

5 Antworten

Spiderpig42

26.01.2019, 17:00

Das geht mit der "join" Methode.

document.getElementById("wort").innerHTML = meinArray.join("");

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/join

MadMarvin007

Beitragsersteller

26.01.2019, 17:05

Danke funktioniert

timlg07

27.01.2019, 14:06

Ein Array dient zur Verarbeitung vieler gleichartig strukturierter Daten. Ich gehe mal davon aus, dass dies in deinem Programm erforderlich ist und das Codebeispiel nur ein Minimalbeispiel zur Veranschaulichung ist.

Wenn du nun dein Array aus Strings ausgeben möchtest, musst du das Array in einen einzigen String umwandeln.

Am einfachsten geht das, wie auch bereits in den bisherigen Antworten vorgeschlagen, mit der join() Funktion.

Die join() Methode kombiniert alle Elemente eines Arrays (oder Array-Ähnlichen Objektes) zu einem String und gibt diesen zurück.

(developer.mozilla.org)

Führst du die join() Funktion ohne Parameter aus, werden die Elemente mit Kommas getrennt zurückgegeben. Mithilfe des optionalen Parameters in Form eines Strings kannst du aber selber ein oder mehrere Trennzeichen festlegen.

Willst du lediglich das Komma loswerden, kannst du einen leeren String übergeben:

document.getElementById("wort").innerText = meinArray.join('');

AppleDev

26.01.2019, 16:58

Ja, das Problem ist, dass es eigentlich nicht so gedacht ist, dass du ein Array, das ja letztlich mehrere Werte enthält, einfach in ein Textfeld stopfst.

Du hast eigentlich die Möglichkeit, durch das Array durchzugehen und die einzelnen Werte auszulesen und zu bearbeiten:

document.getElementById("wort").innerHTML = meinArray[0] + "" + meinArray[1];

Alternativ kannst du mit einer for- oder foreach-Schleife durch das Array gehen und die Werte beispielsweise einem String zuweisen, dann kannst du den String innerHTML zuordnen.

RakonDark

26.01.2019, 17:01

gut erklärt , aber normalerweise map oder join , foreach ist so eher last century stuff :)

MadMarvin007

Beitragsersteller

26.01.2019, 17:03

hättest du ein beispiel dafür?

RakonDark

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

26.01.2019, 16:59

öhm, du wolltst ein array machen ?

ist schon lustig das innerHTML überhaupt was zuweisen tut . wäre mal schlau sich mit typen zu beschäftigen .

wenn du nur einzelne werte haben willst geht das mit join

var meinArray = ["string1 ", "string2"]
document.getElementById("wort").innerHTML = meinArray.join(" ");

Dory1

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript

26.01.2019, 17:40

var meinArray = ["string1 ", "string2"]
document.getElementById("wort").innerHTML = meinArray.join("");

MadMarvin007

Beitragsersteller

26.01.2019, 20:07

Danke @Dory1

Ähnliche Beiträge

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

...zum Beitrag

javascript - innerHTML hinzufügen?

Hallo. folgender code:

var x = "hallo"; var y = "welt"; document.getElementById("demo").innerHTML = x; document.getElementById("demo").innerHTML = y;

wenn ein

die id demo hat, kommt da immer nur welt, weil hallo überschrieben wird.

kann man das einfach anhängen, ohne es zu überschreiben?? danke LG pixelino

...zum Beitrag

JavaScript - document.getElementById für Class?

var x = document.getElementById('x').innerHTML;

Wie funktioniert diese Funktion, wenn man eine Klasse ansprechen will?

...zum Beitrag

JavaScript interval mehrmals aufrufen?

Hallo, ich habe das Problem, dass ich ein Interval mehrmals aufrufen möchte.

Jedoch kann ich immer nur eines abbrechen.

Ich hätte das Abbrechen so versucht:

clearInterval(interval + thema);

Funktioniert leider nicht.

                var zahl = 0;
                var intervalphp = setInterval(erhoeheZahl, 100, 90, 'php');
                var intervalcss = setInterval(erhoeheZahl, 100, 100, 'css');


                function erhoeheZahl(max, kreis, thema) {
                    zahl++;
                    console.log(zahl);
                    document.getElementById(kreis).innerHTML = zahl;
                    document.getElementById(kreis + 'kreis').style.background = `conic-gradient(#712e1e ${zahl * 3.6}deg, #ffd5af 0deg)`;


                    if (zahl >= max) {
                        clearInterval(interval + thema);
                    }
                }

Danke im voraus!

...zum Beitrag

Javascript - Note berechnen?

Schönen guten Abend,

ich versuche mir selber JS beizubringen und merke, dass es doch nicht ganz so einfach ist. Ich versuche ein Rechner zu programmieren, mit welche man die Zeugnisnote berechnen kann. Leider habe ich Probleme die Werte die ich ins Input-Feld eingebe in JS aufzurufen und zu verarbeiten. Würde mir jemand diesbezüglich helfen?

Bitte verzichtet darauf mir zu sagte wie einfach das sei und wie schlecht ich bin, ich will mich weiter motivieren mich weiterzubilden und mir nicht erzählen lassen wie einfach oder dass ich es doch lassen solle.

Mein JS

function berechnung(){
    var at = document.getElementById("allgemein")
    var kl = document.getElementById("klausur")
    document.getElementById("ergebnis").innerHTML = kl;
    allgemein+klausur
    console.log
}

Mein HTML

<div class="section">
            <p><h2>Notenrechner</h2></p>

            <input type="int" id="allgemein"> <br>
            <input type="int" id="klausur">
            <button onclick="berechnung()">Note berechnen</button>
            <p id=ergebnis></p>


        </div>

...zum Beitrag

Gibt es einen weg das wider zu entschlüsseln?

ich habe auf der Seite https://obfuscator.io meinen JavaScript code verschlüsselt.

kann ich vom verschlüsselten code wieder zurück zum javascript code, wenn ja wie?

mein Code:

function be() {
    let eingabe = document.getElementById('password').value;
    if (eingabe == 'das ist gut') {
        re();
    } else {
        alert('Falsches Passwort');
    }
}

function re() {
    let feld = document.getElementById('pas');
    feld.remove();
}

function lock() {
    document.getElementById('bod').innerHTML += `<div class="pass" id="pas">
    <div class="pass-1">
        <div class="pass-2 pass-3">
            <h2>Passwort eingeben um fortzufahren</h2>
        </div>
        <div class="pass-2">
            <input type="password" id="password" placeholder="Passwort eingeben">
        </div>
        <div class="pass-2">
            <button class="pass-4" onclick="be()">Betätigen</button>
        </div>
    </div>
</div>`
}

...zum Beitrag

JavaScript funktioniert nicht in externer Datei?

Hallo,

ich bin dabei Javascript zu lernen und komme irgendwie mit der externen Datei von Javascript nicht klar. Das einzige, was ich machen möchte ist, die aktuelle Uhrzeit anzeigen zu lassen. in der HTML-Datei selbst funktioniert das, aber nicht in der externen Datei. Muss ich vielleicht noch irgendetwas beachten, was ich nicht gemacht habe? Die einzelnen Bereiche schiebe ich unten rein.

HTML:

<html>
  <head>
    <title>Seitentitel</title>
    <meta charset="UTF-8">
    <link href="Design.css" rel="stylesheet">
    <script src="Programm.js"></script>
  </head>
  <body>
    <p id="az">Aktuelle Uhreit<p>
  </body>
</html>

CSS:

html {
  text-align: center;
  background-color: green;
}

p {
  font-size: 30pt;
  margin: 22%;
  color: darkred;
}

JavaScript:

var timer = document.getElementById("az");
document.write(timer);
var zeit = new Date();
var std = zeit.getHours();
var min = zeit.getMinutes();
var sec = zeit.getSeconds();
var ms = zeit.getMilliseconds();
zeit = std + ":" + min + ":" + sec + "." + ms;
timer.innerHTML = "zeit";

...zum Beitrag

JavaScript: slider value verwenden?

Wieso geht das JavaScript nicht? Das output-Feld bleibt leer.

var slider = document.getElementById("lengthRange");
var output = document.getElementById("length");

if (slider == 1) {
  output.innerHTML = 'Schwach';
}

if (slider == 2) {
  output.innerHTML = 'Mittel';
}

if (slider == 3) {
  output.innerHTML = 'Stark';
}

...zum Beitrag

Wie kann ich ein json-array in eine html-tabelle konvertieren?

Ich versuche ein json-array in eine html-tabelle zu konvertieren, Ich habe bereits dass benötigte json-array und die struktur der html-tabelle festgelegt. Ich verstehe aber nicht, wie ich das Array mit javascript an die tabelle weitergeben soll, Kann mir jemand helfen?

...zum Beitrag

JavaScript: Wie kann ich ein Bild in mein Canvas einfügen?

Servus!

Ich möchte gerne ein Bild in mein Canvas einfügen. Es klappt aber nicht und die Konsole zeigt auch keine Fehlermeldungen an.

Ich habe folgenden Code:

var canvas = document.getElementById("gameScreen");
var context = canvas.getContext("2d");
var imgBall = document.getElementById('img_ball');

function make_ball() {
  imgBall = new Image();
  imgBall.onload = function() {
    context.drawImage(imgBall, 10, 10);
  }
}

make_ball();

In der HTML-Datei habe ich noch src und die id (img_ball) in das img-Tag geschrieben.

Vielleicht findet ja von euch jemand den Fehler.

Dankeschön.

...zum Beitrag

Zwei funktionen auf ein button packen?

Wie kann ich zwei funktionen auf einen Button packen? Also ich will das bei jedem click auf meinen button

1. immer plus 1 addiert wird: onclick="pluszahl()"

2. das ein Sound abgespielt wird: onclick="play()"

Leider konnte ich nur den counter machen und frage mich jetzt wie ich den sound auch aktivieren kann

HTML:

    <span class="center">Bam?</span>
    <div onclick="custom()" class="btn-container">
        <button onclick="pluszahl()"; twoclick="play()"    class="button1">
            Bam
        </button>
    </div>

    <div id="resultArea">0</div>

JavaScript:

function play() {
  var audio = new Audio('bam.mp3');
  audio.play();
}

function pluszahl() {
  document.getElementById("resultArea").innerHTML = parseInt(document.getElementById("resultArea").innerHTML)+1;
  }

...zum Beitrag

Div-Element mit javascript auslesen; wird eine Zahl als Zahl angesehen?

var x = document.getELementById("div-ID");

var y = document.getELementById("div-ID2");

var z = y.valueAsNumber * z.valueAsNumber;

Hallo zusammen,

ich habe das Problem, dass das Ergebnis aus zwei Div-Elementen, die einen Zahlwert enthalten, immer wieder bei dem Start der Funktion NaN ausspucken. Ich mache das nur aus Spaß und weiß gerde nicht weiter.

Können die Werte aus Div - Elementen nicht mit document.getElementByID ausgelesen werden, um dann mit den Variabeln weiterzurechnen?

Das ist oben nur skizziert, aber gebe ich bei var z als Variabel einen Zahlwert ein, dann klappt alles. Mein probelm scheint also da zu liegen.

...zum Beitrag

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zum Beitrag

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen