Welche String-Verkettung ist besser?

Ich frage mich, welche String-Verkettung "besser", schneller ist oder sogar beides ist?

Option 1:

let value = "Instance 0";
console.log('Using instance: ' + value);

Option 2 (Template literals):

let value = "Instance 0";
console.log(`Using instance: ${value}`);

Vielen Dank!

Das Ergebnis basiert auf 4 Abstimmungen

Option 2 (Template literals) 75%

Option 1 25%

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

FaTech

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Programmiersprache, Programmieren & Softwareentwicklung

20.02.2024, 16:17

Option 2 (Template literals)

Das kommt drauf an. Bei JavaScript braucht man sowieso nicht von schnell reden 😅. Und so viel ist das nicht. Aber ich würde 2 bevorzugen. Wenn du einen User hast, liest der es leichter so, als mit +

Chris102004

Fragesteller

20.02.2024, 16:38

Ich finde 2 auch lesbarer.

Wie ist es, wenn man mehrere Dinge Verketten möchte?

Ist immer noch 2 besser?

FaTech

20.02.2024, 16:39

@Chris102004

Mehrere strings? Ja, dann immer noch. Weil du behältst den Lesefluss bei und hast nicht tausende irritierende plus zeichen

Chris102004

Fragesteller

20.02.2024, 17:29

@FaTech

Merci!

guteantwort626

20.02.2024, 19:08

Bei JavaScript braucht man sowieso nicht von schnell reden 😅

Klar, kompilierte Sprachen wie C/C++ sind schneller, aber so langsam ist es jetzt auch wieder nicht.

MonkeyKing

20.02.2024, 16:05

Option 1

Aber das ist völlig egal weil die Geschwindigkeitsunterschiede so minimal sind, dass sie nicht ins Gewicht fallen.

Ähnliche Fragen

WEBSTORM erkennt .send Funktion nicht?

Bei folgendem Code sind die Methoden .send und .awaitReaction unterstrichen.

"Unresolved function or method send()"

Ich habe discord.js und so schon installiert. Muss man da sonst noch etwas importieren, damit .send usw. funktionieren?

const { Client, MessageEmbed, Intents } = require('discord.js');
const client = new Client({ intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES] });

const TOKEN = 'Mein Token';
const channelId = 'ChannelID'; // Die ID des Textkanals, in dem die Nachrichten erstellt werden sollen

const userGroup = []; // Die Liste der Benutzer, die aufgelistet werden sollen
const options = ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5']; // Die Auswahlmöglichkeiten

let currentIndex = 0; // Aktueller Index der Benutzergruppe

client.on('ready', () => {
    console.log(`Eingeloggt als ${client.user.tag}`);
});

client.on('messageCreate', async (message) => {
    console.log("P - Start des Event-Handlers");
    if (message.author.bot) return;

    if (message.content.startsWith('!start')) {
        console.log("P - !start erkannt");
        if (currentIndex < userGroup.length) {
            const user = await client.users.fetch(userGroup[currentIndex]);

            // Erstelle eine Nachricht mit den Auswahlmöglichkeiten
            const embed = new MessageEmbed() // Hier MessageEmbed verwenden
                .setTitle('Wähle eine Option:')
                .setDescription(options.join('\n'));
            const sentMessage = message.guild.channels.cache.get(channelId);
            await sentMessage.send(embed);
            console.log("P - Nachricht gesendet");
            // Füge Reaktionen hinzu
            for (let i = 0; i < options.length; i++) {
                await sentMessage.react(String(i + 1) + '\u20E3'); // Emoji-Reaktionen (1️⃣, 2️⃣, usw.)
            }

            // Warte auf eine Reaktion des aktuellen Benutzers
            const filter = (reaction, user) => user.id === userGroup[currentIndex];
            const collected = await sentMessage.awaitReactions(filter, { max: 1, time: 60000 }); // 60 Sekunden Zeit zum Reagieren

            if (collected.size === 0) {
                message.guild.channels.cache.get(channelId).send(`${user.tag} hat keine Option ausgewählt.`);
            } else {
                const chosenOption = options[parseInt(collected.first().emoji.name) - 1];

                message.guild.channels.cache.get(channelId).send(`${user.tag} hat "${chosenOption}" ausgewählt.`);
                // Hier kannst du die gewünschte Aktion ausführen, basierend auf der ausgewählten Option
            }

            // Lösche die ursprüngliche Nachricht und die Auswahl-Nachricht
            await message.delete();
            sentMessage.delete();

            currentIndex++; // Zum nächsten Benutzer in der Gruppe wechseln
        } else {
            message.channel.send('Alle Benutzer aus der Gruppe wurden aufgelistet.');
        }
    }
});
console.log('Bot starting');

client.login(TOKEN);

...zur Frage

JavaScript: Schachbrett Schleifen?

Leute, bitte, ich brauche Hilfe, wer programmieren kann.

Ich habe es versucht, aber keine Ahnung warum, es funktioniert nicht.

Ich wäre sehr dankbar, wenn ich Tipps oder so hier bekommen würde.

Was fehlt? Was ist falsch?

JavaScript:

"use strict";

window.addEventListener("load", init);

let i;
let t;
let tr;
let td;

function init() {
  console.log("Fenster ist geladen");

  let btn = document.getElementById("btn");
  btn.addEventListener("click", btn_angeklickt);
}

function btn_angeklickt() {
  console.log("btn angecklickt");

  let zeilen = document.getElementById("zeilen").value;
  console.log(zeilen);

  let spalten = document.getElementById("spalten").value;
  console.log(spalten);

  let table = document.getElementById("bratan");
  
  for (i = 0; i < spalten.value; i++);
  {
    tr = document.createElement("tr");
    table.appendChild(tr);

    for (t = 0; t < zeilen.value; t++);
    {
      td = document.createElement("td");

      if (i % 2 == t % 2) {
        td.style.backgroundColor = colors[0];
        td.style.height = "60px";
        td.style.width = "60px";
      }
      else {
        td.style.backgroundColor = colors[1];
        td.style.height = "60px";
        td.style.width = "60px";
      }
    }
  }

  tr.appendChild(td);
}

let colors = ["#044272", "#80AB52"];

HTML:

  <label for="Anzahl">Zeilen</label>
  <input type="number" id="zeilen">
  <br><br>
  <label for="Anzahl">Spalten</label>
  <input type="number" id="spalten">
</form>
<br>
<button type="button" id="btn" value="btn">erstelle Schachbrett</button>
<table id="bratan"></table>

...zur Frage

wie genau JavaScript laufen lassen?

Hallo Leute,

ich lerne gerade JS und würde gerne mehr mit den Codes experementieren, aber leider weiß ich nicht, wie ich genau den Code testen kann. z.b. console.log("string") anzeigen lassen?

Ich hätte gern die Option den Code in einem Fenster schreiben, im anderen testen lassen.

Danke im Voraus

...zur Frage

Browserfehler: "0: Unable to get property 'SavePersonalAndPaymentData' of undefined or null reference"?

Hallo,

ich habe eine Aufgabe gemacht und mein Browser gibt diesen Fehler aus:

0: Unable to get property 'SavePersonalAndPaymentData' of undefined or null reference

Ich glaube aber, dass die Aufgabe richtig ist!

Ich habe es auch einen Freund geschickt und bei ihm funktioniert es ebenfalls nicht.

HTML:

<!DOCTYPE html>
<html>
  <head lang="de">
    <meta charset="UTF-8" />
    <style type="text/css"></style>
    <title>Lieblings Professor</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Notenberechnung<br>Teilaufgaben</legend>

        <label for="aufgabe1">Aufgabe 1:</label>
        <input type="number" name="Augabe1" id="a">
        <br><br>

        <label for="aufgabe2">Aufgabe 2:</label>
        <input type="text" name="Aufgabe2" id="b">
        <br><br>

        <label for="aufgabe3">Aufgabe 3:</label>
        <input type="number" name="Augabe3" id="c">
        <br><br>

        <label for="aufgabe4">Aufgabe 4:</label>
        <input type= "number" name="Augabe4" id="d">
        <br><br>

        <button id="069" value="069">druck berechne</button>
      </fieldset>
    </form>
    <h1>Note</h1>
    <div id="note"></div>
    <script src="x1.js"></script>
  </body>
</html>
</form>
<h1>Note</h1>
<div id="note"></div>
<script src="x1.js"></script>
</body>
</html>

JavaScript:

"use strict"

window.addEventListener("load", init);

function init() {
  console.log("Fenster ist geladen");
  let btn = document.getElementById("069");
  btn.addEventListener("click", btnfk);

  function btnfk() {
    console.log("ich wurde geklickt!!!!");

    let aufgabe1 = document.getElementById("a").value;
    console.log(aufgabe1);
    let aufgabe2 = document.getElementById("b").value;
    console.log(aufgabe2);
    let aufgabe3 = document.getElementById("c").value;
    console.log(aufgabe3);
    let aufgabe4 = document.getElementById("d").value;
    console.log(aufgabe4);

    aufgabe1 = Number(aufgabe1);
    aufgabe2 = Number(aufgabe2);
    aufgabe3 = Number(aufgabe3);
    aufgabe4 = Number(aufgabe4);

    let note = document.getElementById("note");
    global = global + aufgabe1 + aufgabe2 + aufgabe3 + aufgabe4;

    note.textContent = global;
    let note5 = document.createElement("div");
    document.body.appendChild(note5);

    if (global < 12) {
      note5.textContent = "Ihre Note ist 5!!!!!";
    }

    if (global >= 12 && global <= 15) {
      note5.textContent = "Ihre Note ist 4 ...";
    }

    if (global >= 15 && global <= 18) {
      note5.textContent = "Ihre Note ist 3";
    }

    if (global >= 18 && global <= 21) {
      note5.textContent = "Ihre Note ist 2 super";
    }

    if (global >= 21) {
      note5.textContent = "Ihre Note ist 1 WOW";
    }
  }
}

let global = 0;

Wenn ich statt Zahlen aber Buchstaben eingebe, werden sie gespeichert. Ansonsten mit Zahlen werden sie nicht gespeichert und verschwindet sofort.

...zur Frage

Python mit HTML verbinden?

Hallo,

ich habe eine HTML- Datei und eine Python- Datei, welche ich mit Flask verbinden möchte. Mein Ziel ist es, dass wenn ich das Wort „Luna“ sage, ein div in der HTML- Datei eingefügt wird, doch bei mir funktioniert das nicht. Kann mir jemand erklären, wie ich die zwei Codes verbinden kann?

Freundliche Grüsse

...zur Frage

Gibt es Deutschsprachige Programmiersprachen?

Ich meine nicht so was wie Scratch sondern eher wie Python, JavaScript,...

...zur Frage

Spotify API Get Methode Blocked?

Moin, hab mal ne Frage, da ich es einfach nicht hin bekomme. Ich habe vor sowas wie eine Musikwunsch Seite für ein Schul Projekt zu coden. Dafür will ich die Spotify API nutzen, damit man über diese Songs suchen kann. Es kommt aber immer in der Netzwerkanalyse der Fehler NS_BINDING_ABORTED, obwohl mein Access Token korrekt ist. Hier ist meine script.js

const API_ENDPOINT = "https://api.spotify.com/v1/search";
const ACCESS_TOKEN = "your_access_token";

function searchSong() {
    let songName = document.getElementById("song-name").value;

    fetch(`${API_ENDPOINT}?q=${songName}&type=track`, {
        headers: {
            "Authorization": `Bearer ${ACCESS_TOKEN}`
        }
    })
    .then(response => response.json())
    .then(data => {
        let songResults = data.tracks.items;

        if (songResults.length > 0) {
            let songList = document.createElement("ul");

            for (let i = 0; i < songResults.length; i++) {
                let song = songResults[i];

                let songItem = document.createElement("li");
                songItem.innerHTML = `<a href="javascript:void(0)" onclick="selectSong('${song.id}')">${song.name} by ${song.artists[0].name}</a>`;

                songList.appendChild(songItem);
            }

            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "";
            songResultsDiv.appendChild(songList);
        } else {
            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "Sorry, no songs found.";
        }
    })
    .catch(error => {
        const errorMessage = document.getElementById("error-message");
        errorMessage.innerText = error;
    });
}

function selectSong(songId) {
    fetch("db.php", {
        method: "POST",
        body: JSON.stringify({songId: songId}),
        headers: {
            "Content-Type": "application/json"
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert("Song added to the list!");
        } else {
            alert("Error adding song to the list.");
        }
    })
    .catch(error => {
        console.log(error);
    });
}

Hier ist dann noch die Index.html:

 <!DOCTYPE html>
<html>
<head>
    <title>DJ Song Request</title>
    <script src="script.js"></script>
</head>
<body>
    <h1>DJ Song Request</h1>
    <form>
        <label for="song-name">Enter song name:</label>
        <input type="text" id="song-name" name="song-name">
        <button type="submit" onclick="searchSong()">Search</button>
    </form>
    <div id="song-results"></div>
</body>
</html>

Vielleicht kann mir ja jemand helfen, da ich echt nicht mehr weiter weiß, im vorraus schon mal Vielen Dank ;D

...zur Frage

[Spigot 1.17] Methode aus anderer Klasse verwenden?

Aktueller Code:

package Main;
public class API {
    public static API instance;
    public API(){
        instance = this;
    }
    public static API getInstance(){
        return instance;
    }
    public String getAPI(){
        return "§cThis is an API";
    }
}

In onEnable(){}:

API.getInstance().getAPI();

Fehler:

Error occurred while enabling ActionBarTimer v1.0 (Is it up to date?)

java.lang.NullPointerException: Cannot invoke "Main.API.getAPI()" because the return value of "Main.API.getInstance()" is null

Wie kann ich die Methode richtig aufrufen und warum sagt mir die Konsole was von null?

Und wie heißt das fachsprachlich, dass wenn man Methoden aus anderen Klassen verwendet?

Danke :)

...zur Frage

Werte aus Datenbank anzeigen mit JS?

Hallo,

ich habe folgenden Code für mein Formular:

<form action="/message1" method="post">
  <div class="input">
    <input type="text" placeholder="Chat" id="input" name="input1">
  </div>
  <div class="send">
    <button type="submit" onclick="message();">Send</button>
  </div>
</form>

Nun noch das JS onclick-Event:

function message() {
  input = document.getElementById("input").value;
  count++;

  if (input == "") {
    alert("please type your message!");
  }
  else {
    if (count % 2 == 0) {
      let newDiv = document.createElement("div");
      newDiv.id = "divMessage";
      newDiv.style.display = "flex";
      newDiv.style.justifyContent = "flex-start";
      newDiv.style.margin = "45px";
      newDiv.style.backgroundColor = "#303032";
      newDiv.style.borderRadius = "10px";
      newDiv.style.padding = "10px";
      newDiv.style.marginTop = "80px";
      newDiv.style.color = "white";
      newDiv.style.marginBottom = "80px";
      newDiv.style.width = "120px";
      newDiv.innerHTML = input;

      let chatMessages = document.querySelector(".chat-messages");
      chatMessages.appendChild(newDiv);
    }

Und nun noch das Reinschreiben mit node.js in die MariaDB-Datenbank:

app.post('/message1', async (req, res) => {
  const input = req.body.input1;
  console.log(input);
  const conn = await pool.getConnection();
  await conn.query(`INSERT INTO test.handy (id, name) VALUES (2, '${input}')`);
  conn.release();
});

Nun möchte ich aber, das, was in die Datenbank geschrieben wurde, beim Aktualisieren der Seite immer noch im "newDiv" anzeigen. Wie geht das?

...zur Frage

HTML Formular Input in SQLite Datenbank speichern, (mit NodeJS) wie?

Hallo. Ich möchte den Input eines HTML-Formulars mit Hilfe von Node in eine SQLite Datenbank einfügen.

Mein index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello world!</title>
    <script src="sqlite.js"></script>
</head>
<body>

    <form action="/team_name_url/" method="post">
        <label for="team_name">Enter name: </label>
        <input id="team_name" type="text" name="name_field" value="Default name for team.">
        <input type="submit" value="OK">
    </form>

</body>
</html>

Mein sqlite.js:

const sqlite3 = require('sqlite3');
const db = new sqlite3.Database('./sqlite.db');

let express = require('express');
let app = express();
const bodyParser= require('body-parser');


app.use(bodyParser.urlencoded({extended:true}));

app.post('/',(req,res)=>{
let placeName = req.body.PlaceName; 
});


db.run(`INSERT INTO places (id, name, coords) VALUES(4, ${placeName}, '1234, 5678');`, function(err) {
    if (err) {
        return console.log(err.message);
    }

    console.log(`A row has been inserted with rowid ${this.lastID}`);


});

db.close();

...zur Frage

Wie kann ich Werte in einer XML-Datei mit PowerShell ändern?

Hallo, ich möchte in folgender XML-Datei die drei Werte hinter "Dailylimit_Running", "GoSmall_Running" und "GoLarge_Running" mittels PowerShell jeweils auf 0 setzen.

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <userSettings>
    <R_Go_Break.Properties.Settings>
      <setting name="Start_On_Boot" serializeAs="String">
        <value>True</value>
      </setting>
      <setting name="Check_For_Updates" serializeAs="String">
        <value>True</value>
      </setting>
      <setting name="Dailylimit_Running" serializeAs="String">
        <value>959</value>
      </setting>
       <setting name="UpdateSettings" serializeAs="String">
        <value>False</value>
      </setting>
      <setting name="GoSmall_Running" serializeAs="String">
        <value>99</value>
      </setting>
      <setting name="GoLarge_Running" serializeAs="String">
        <value>3578</value>
      </setting>
      <setting name="Restarting" serializeAs="String">
        <value>False</value>
      </setting>
      <setting name="RestartingWindowMode" serializeAs="String">
        <value>1</value>
      </setting>
    </R_Go_Break.Properties.Settings>
  </userSettings>
</configuration>

Das Ganze ist ein Auszug aus der config-Datei der R-Go Break App, welche bei mir aus unerfindlichen Gründen die täglichen Arbeitszeitzähler nicht auf null zurücksetzt.

Das würde ich nun gerne mittels PowerShell-Skript manuell erledigen.
Einfach die komplette Datei zu ersetzen ist keine Option, da auch andere Zähler darin gespeichert werden.

Nebenbei bemerkt finde ich es recht mies entwickelt, dass die Zähler dieser App jede Sekunde in der Log-Datei aktualisiert werden. Das hätte man auch ohne sekündliche Schreibzugriffe auf die HDD lösen können.

...zur Frage

App aus HTML Code?

Hallo,

ich habe einen HTML-Code und möchte diesen Code zu einer IOS App machen. Diese App soll dann auf Schulgeräten installiert werden. Wie kann ich das machen?

...zur Frage

Lernt ihr coding (=programmieren) in der Schule?

Habt ihr überhaupt Informatik?

...zur Frage

Wie kann ich den String als JSON-Object konvertieren?

Hallo alle miteinander.

Ich benötige Hilfe weil ich eine eigene Programmiersprache mache.

Die Variablen speichere ich in einem JSON-String:

let variablen = 
    {
        dingsbumbs:"Das ist eine Variable"
    }
;

Das ist der Code mit dem lesen der Variablen:

// ...
// Art ist definiert und richtig
if(art == "sage"){
            let parameter = "";
            while(command.charAt(zeichenzahl) != "("){
                zeichenzahl++;
            }
            zeichenzahl++;
            if(command.charAt(zeichenzahl) == "`"){
                zeichenzahl++;
                while(command.charAt(zeichenzahl) != "`"){
                    parameter = parameter+command.charAt(zeichenzahl);
                    zeichenzahl++;
                  }
              }else{
                  let variablenname = "";
                  let variablendecoded = // JSON.parse(variablen) oder JSON.stringify(variablen) ?;
  
                   // Hier wird nur der Variablenname erkannt. (Funktioniert ebenfalls)
                   while(command.charAt(zeichenzahl) != ")"){
                      variablenname = variablenname+command.charAt(zeichenzahl);
                      zeichenzahl++;
                  }
                  // Aber der Befehl ist ein "undfined"
                  parameter = variablendecoded.variablenname;
              }
              console.log(parameter);
            zeichenzahl = command.length;
            commandfunc = true;
        }/*Hier ist kein Fehler*/else if(art == "C["){
            while(command.charAt(zeichenzahl) != "]"){
                zeichenzahl++;
            }
            commandfunc = true;
        }

Kann mir jemand helfen das ich aus der Variable(variablendecoded) das objekt dessen Name Variable(variablenname) hat, lesen kann.

Eine Antwort wäre hilfreich.

Danke im voraus:);).

PS.: Ich verwende Node JS(18.4.0)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen