Wie muss ich diesen JavaScript-Code lesen (Schleifen)?

Hallo, ich befasse mich gerade mit Schleifen in JavaScript und ich verstehe das Prinzip ehrlich gesagt nicht wirklich, wie ich diesen Code in verständliche Sprache übersetze: Ich verstehe das Grundprinzip und bin mit Schlüsselwörtern wie continue oder break vertraut, aber ich verstehe nicht, wie ich die for-Schleife lesen muss: Was heißt let i = 0 zum Beispiel? Worauf bezieht sich die 0, auf den Index? Danach kommt ja die Bedingung i < numbers.length, was ist in dem Fall numbers.length, das Array? Und anschließend der Inkrementierungsausdruck, also erhöhe um 1.



const numbers = [2, 4, 56, 22, 65, 2, 54, 88, 29];         
console.log("Vor der Schleife");                           
for (let i = 0; i < numbers.length; i++) {                 
    const number = numbers[i];                             
    if (number % 2 === 1) {                                
        console.log("Ungerade Zahl gefunden.");           
        continue;                                             
    }                                                      
    console.log(number);                                   
}
console.log("Nach der Schleife.");

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

shitposter

21.06.2022, 00:06

Damit setzt du die variable i auf den startwert 0:
grundsätzlich ist zwischen let und const zu unterscheiden. const variablen kannst du ein mal zuweisen, dann aber nicht verändern, daher in for schleifen ungeeinget:

let i = 0;

Diese Logik beschreibst wie iteriert (durchlaufen) werden soll. Du willst die Variable i solange erhöhen, solange sie kleiner als numbers.length ist:

i < numbers.length; i++

numbers.length sagt dir übrigens wie viele elemente in der variable numbers drin sind. das wären 9

Shellux

Fragesteller

21.06.2022, 00:09

Verstehe, dann bezieht sich i = 0 also auf den Index oder? Und Sobald alle 9 Elemente durchlaufen sind, würde der Wert ja auf 9 steigen und die Schleife würde abbrechen, da die Bedingung nicht mehr erfüllt ist.

shitposter

21.06.2022, 00:11

@Shellux

Quasi ja. Wenn du i=5 setzt, fängst du bei dem 5 element an (die 2). immer dran denken: index geht bei 0 los.

Shellux

Fragesteller

21.06.2022, 00:12

@shitposter

Vielen Dank! Da war mein Verständnisfehler

ChrisCat1, UserMod Light

21.06.2022, 00:12

Was heißt let i = 0 zum Beispiel?

Mit let deklariert man eine Variable die im lokalen Block gültig ist.
https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/let

Man initialisiert also die for-Schleife und erstellt eine Variable mit dem Namen "i", welcher der Wert "0" zugewiesen wird.

Der Zweite abschnitt ist die Bedingung zum Ausführen der Schleife.

i < numbers.length

Die Schleife wird also ausgeführt wenn der Wert von "i" kleiner als die Länge des Array "numbers" ist.

Der dritte Punkt wird nach dem Durchlaufen der Schleife ausgeführt.

i++

Also nach jedem Durchlaufen der Schleife wird der Wert von "i" um eins erhöht.

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/for

Bushmills145

21.06.2022, 00:13

Diesen Typ Schleifen findest du in verschiedenen Sprachen. Zwischen den Klammern hinter dem for stehen drei durch Semikolon getrennte Teile:

Die Aktion bei Schleifenbeginn, also z.B. die Zuweisung eines Initialwertes zu einer Schleifenvariablen, wie hier: die Schleife initialisiert die Variable i mit 0.
Die Schleifenendbedingung. Bzw. eher die Schleifendrinbleibbedingung. Solange die Bedingung erfüllt ist, wird am Ende der Schleife wiederholt statt beendet. In diesem Fall, wenn der Wert der Schleifenvariablen i kleiner als die Anzahl Elemente in numbers ist.
Die Aktion, welche mit jedem Durchlauf der Schleife verbunden ist. In diesem Fall das inkrementieren von i.

Insgesamt besagt dieser Schleifenkonstrukt: Laufe so oft durch die Schleife wie Elemente in numbers sind. Während jedem Durchlauf, inkrementiere i.

vaplos

21.06.2022, 00:15

Dieser Code in Deutsch übersetzt:

Wir haben ein Array an Zahlen. Durch dieses Array gehen wir einmal komplett durch und speichern uns den aktuellen Index in `i`. Sollte die Zahl an der Stelle `i` ungerade sein, so gebe "Ungerade Zahl gefunden" in der Console aus, sonst die Zahl an sich.

Die Zeile

for (let i = 0; i < numbers.length; i++)

lässt sich recht einfach interpretieren: Lege eine neue Variable `i` mit dem Wert `0` an. Solange `i` kleiner als die Anzahl an Zahlen in dem Array `numbers` ist, erhöhe `i` um eins.

Woher ich das weiß:Studium / Ausbildung – Abi mit Info&Mathe im LK sowie Info-Student

indexhtml

21.06.2022, 00:14

For Schleife :

let i = 0; heisst i ist 0 (also eine Variable, wie "var"), das ist dein Counter.

Es geht auch jeder andere Legale JavaScript Name für die Variable.

dann kommt die Bedingung, zb

i < länge von irgendeinem array ;

und dann erhöht sich i um 1 mit i++; bei jedem schleifendurchgang.

und das geht so viele schleifendurchgänge bis i nichtmehr kleiner als das array ist (deswegen ja die bedingung).

Wenn du das nicht anwenden kannst wirds schwer als programmierer.
Das ist wichtig.
Habe das jetzt umgangssprachlich erklärt, irgendwelche Wikipedia Artikel mit Fachbegriffen findest du auch selber im Internet.

Ähnliche Fragen

for-Schleife mit let?

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

Warum hat hier jeder Schleifen-Durchgang seine eigene Kopie von i?

Im Gegensatz zu

for (var i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

wo immer dasselbe i benutzt wird?

Ich verstehe ja, dass let block-scoped ist, aber das „let i = 0;“ wird doch nur ein einziges mal ausgeführt, und zwar am Start, BEVOR die Schleifen-Durchgänge ausgeführt werden. Warum benutzen die ganzen Schleifendurchgänge dann nicht dieses eine i, wie es auch beim var der Fall ist? Wie kommt es, dass jede Iteration ihr eigenes i hat? Es wird doch lediglich die Überprüfung der Bedingung am Ende jedes Schleifendurchgangs durchgeführt, nicht die Deklaration?

Wenn ich die for-Schleife zu einer äquivalenten while-Schleife umschreibe teilen sich die Iterationen wie erwartet das selbe i, trotz des lets.

let i = 0;
while (i < 5) {
  setTimeout(() => console.log(i), 10);
  i++;
}

...zur Frage

JavaScript Problem?

Hab mir einen Passwort Generator gemacht (Code unten), aber irgendwas stimmt da manchmal nicht und ich komm nicht drauf.

Ist noch nicht fertig oder überhaupt ein Krasser Passwort Generator aber hab den aus Langeweile gemacht und dieser Fehler stört mich.

Kann mir jemand weiterhelfen ?

Hier steht kein Undefined.

Hier steht ein Undefined mitten im erstellten Passwort.

Ist nur kurzer JavaScript Code:


let pwLength = 12;
let randomNumber  = Math.round(Math.random() *3);
let ALPHABET = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',  'S', 'T', 'U', 'V', 'W', 'X','Y', 'Z' ];
let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let Numbers = ["0","1","2","3","4","5","6","7","8","9"];
let SpecialChar = 
            ["!", "*", "#" ,"," ,";" ,"?", "+", "-", "_" ,".", "=", "~", "^", "%", "(", ")" ,"{", "}", "[", "]", "|", ":", "/" ];
let passwort = "";


    for (i = 0; i <= pwLength - 1; i++){
    /* zufällige Zahl zwischen 0-3,
    Bei jedem Schleifendurchgang geht es in ein anderes if statement rein */
    randomNumber  = Math.round(Math.random() *3);


                    // +1 Großbuchstabe
                if (randomNumber == 0){
                passwort += ALPHABET[Math.round(Math.random() *ALPHABET.length)]; }
                  // +1 Kleinbuchstabe
                if (randomNumber == 1){
                passwort += alphabet[Math.round(Math.random() *alphabet.length)];}
                  // +1 Zahl
                if (randomNumber == 2){
                   passwort += Numbers[Math.round(Math.random() *Numbers.length)];}
                    // +1 Sonderzeichen
                if (randomNumber == 3){
                passwort += SpecialChar[Math.round(Math.random() *SpecialChar.length)];}
    }
                if (passwort.includes("undefined")){
                console.log("Undefined Fehler, Passwort lautet " + passwort);}
                else{ console.log("Dein Passwort lautet : " +passwort )}

Glaube mit Switch Case wäre das besser als if, hab ich aber nie benutzt nur in Tutorials mal gesehen

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

Warum gibt mir innerHTML nur den letzten Wert der for loop aus?

Hi! Ich bin absoluter Javascript Laie.

Ich habe mir eine simple for-Schleife gebastelt und wollte den Wert von i in einem div ausgeben.

Leider wird immer nur der letzte Wert angezeigt.

Warum zeigt mir console.log(i) hier aber jeden Wert von i in der Konsole an?

for (i = 0; i < 10; i++) { 
    let myBlock = document.getElementById('myblock');
    console.log(i)
    myBlock.innerHTML = i;
}

...zur Frage

Wo ist der Unterschied zwischen var, let und const?

Guten Abend!

Mich würde mal interessieren, wo in JavaScript der Unterschied zwischen

var
const
let

besteht.

Vielen Dank für eure Antworten!

LG,

...zur Frage

JavaScript, warum streicht VSC Text durch?

Manchmal sehe ich, dass beispielsweise Variablen durchgestrichen werden, wenn ich in VSC was formuliere. Ich kriege dennoch ganz normale Ausgaben in der Konsole, was hat das also zu bedeuten? Konkret wird beispielsweise name horizontal durchgestrichen.

BSP:

const name = "Max Mustermann";
console.log(name.length);

...zur Frage

Javascript for-of schleife ergebnise mit einander rechnen?

Hey,
folgendes: Ich möchte einen notendurchschnitt berechner bauen. Nun habe ich folgendes Problem: Ich trage die Noten in eine Tabelle ein. Mit einer for-of schleife tu ich drüber etarieren. Nur jetzt weiß ich nicht, wie ich die ganzen Zahlen zusammen rechnen soll.

Hier der Code:

let noten = e.target.parentNode.querySelectorAll(".noten");

for(let note of noten.values()){

if(note.value != 0){

console.log(note.value);

// Problem: Alle Noten miteinander verrechnen

}

...zur Frage

Java Script wie kann ich das dauerhaft wiederholen?

const cars = ["saab", "Volvo", "BMW", "Mercedes"];
async function timer() {

for (let i=0; i < cars.length; i++) {

    console.log(cars[i]);
    await sleep(2000);
}
}

timer();
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

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

Web scraping code funktioniert nicht?

Hallo, ich mache gerade ein YT-Tutorial über Webscraping (mit Node.js) und wollte ausprobieren ob ich es auch selbst kann. Kurz - Nein. Ich habe alles gemacht wie im Video, nur dass ich die Url und die class geändert habe. Als ich es genau wie im Video gemacht hatte, hat noch alles funktioniert. Der server funktioniert wie gehabt, nur dass der Titel nicht ausgegeben wird. Hier ist mein code:

const PORT = 8000
const axios = require('axios')
const cheerio = require('cheerio')
const express = require('express')


const app = express()


const url = 'https://www.oefb.at/Profile/Spieler/1028138?Lorenz-Maurer'


axios(url)
    .then(response => {
        const html = response.data
        const $ = cheerio.load(html)
        
        let title = $('.title_subtitle_nav_1').text();


            console.log(title)
        }).catch(err => console.log(err))


app.listen(PORT, () => console.log(`server running on PORT ${PORT}`) )

...zur Frage

Hilfe bei Variablen, Schleifen und If-Abfrage in JavaScript?

Nächste Woche habe ich einen Test über JavaScript, wo ich bestimmen muss, worüber der code sich handelt. Weil das der Anfang für mich ist kommen nur Beispiele zur Variablen, do-while Schleifen und If-Abfrage vor. Bei Variablen weiß ich nur, dass "var", "const" und "tel" existieren, wobei var nicht mehr aktuell ist.

Wozu sind die gut? Und wie erkenne ich, ob bei dem code ein fehler ist?

Danke voraus!

...zur Frage

Informatik schleifen Flussdiagramme java html While-Schleife oder do-while-Schleife?

Thema schleifen und Flussdiagramme:

es geht um die Aufgabenstellung aus einem FlussDiagramm einen JavaScript Programmteil zu schreiben. Die Flussdiagramme bestehen aus schleifen daher sollte man am Anfang klären ob es eine while , do while oder for Schleife ist. Habt ihr erkennungsmerkmale bzw tipps die richtige Schleife zu finden? Ich weis das bei man bei einer do while Schleife zu Beginn etwas eingeben bzw. Tun muss. Aber was noch?

...zur Frage

Python, Problem mit for schleife?

import random

int_how_many_numbers = int(input("How many random generated numbers to you want to get: "))

numbers = []

for i in range(0, 5):
    numbers[i] = random.randint(1, 100)

for number in numbers:
    print(number)

Fehlermeldung: line 8, in <module>

numbers[i] = random.randint(1, 100)

IndexError: list assignment index out of range

Wo liegt der Fehler?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen