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

Fragesteller

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

Fragesteller

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

Fragesteller

26.01.2019, 20:07

Danke @Dory1

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

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

...zur Frage

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

...zur Frage

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?

...zur Frage

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;
  }

...zur Frage

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.

...zur Frage

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";

...zur Frage

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';
}

...zur Frage

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>";
}

...zur Frage

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.

...zur Frage

Javascript Tabelle ausgeben (array)?

Hallo,

wie oben zu sehen bin ich gerade dabei mein Script zu schreiben bzw lerne es. Ich habe eine Funktion aufgeschrieben welches mir mit dem Klick button diese Tabelle ausspuckt. In meinem Script stehen bei var Daten mehrere Zahlen aber mir wird nur die erste ausgegeben die anderen nicht. Wie kann ich dieses weiterführen, bis keine Zahlen mehr kommen?

...zur Frage

Smarty assign array - Wie String und Variable zusammenfügen?

Ich möchte gerne ein Array im Smarty-Template erzeugen was auch so gut funktioniert. Nur kann ich keine Strings und Variablen zusammenfügen was ja bei PHP ein Punkt (.) und bei Javascript ein Plus (+) ist. Ich habe bereits die Hochkommas probiert die bei Variablen auch funktionieren aber nur nicht bei Array.

{assign var=breadcrumb value=['0'=>['title'=>$lang.brand.title.0, 'url'=>'/`$lang.main.url.6`/']]}

Geht eigentlich nur um die zuweisung von url

...zur Frage

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!

...zur Frage

[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.

...zur Frage

HTML JavaScript Variable untereinander?

Ich habe eine Variable namens data wo mehrere Sachen drinnen sind. Diese will ich jetzt untereinander ausgeben siehe Quellcode:

document.getElementById('Ausgabe').innerHTML = data;

Sie werden aber nur nebeneinander ausgegeben ein Split hat auch nicht geholfen irgendwelche ideen? Ja es ist ein String nur leider hilft ein Split nicht da dieser sonst nur überschreibt

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen