🌈JS:Loop

🌈For문 (for of)

문법 동일 배열도 loop도 가능

for - (let 변수 of 배열) 활용 (가독성 + 편리함)
배열 반복

const subreddits = ['cringe','books','chickens']

for (let i = 0; i<subreddits.length;i++)
{
  console.log(`asdf ${subreddits}`)
}

위 아래의 출력값이 같다

for (let sub of subreddits)
{
  console.log(sub)
}
---------------------------------------------------
const seatingChart = [
     ['Kristen', 'Erik', 'Namita'],
     ['Geoffrey', 'Juanita', 'Antonio', 'Kevin'],
     ['Yuma', 'Sakura', 'Jack', 'Erika']
 ]

 for (let i = 0; i < seatingChart.length; i++) {
     const row = seatingChart[i];
     for (let j = 0; j < row.length; j++) {
         console.log(row[j])
     }
 }

 for (let row of seatingChart) {
     for (let student of row) {
         console.log(student);
     }
 }

---------------------------------------------------
 for (let char of "hello world") {
     console.log(char)
 }

💧for in and for of, for in 차이

for in 은 객체 반복 시 사용

const object = {a:1,b:2,c:3};

for(const property in object)
{
  console.log(`${property}: ${object[property]}`);
}

// output "a: 1" "b: 2" "c: 3"


for of 는 iterable 객체가 반복하도록 정의한 값을 반복
for in 는 객체의 열거 가능한 properties를 임의의 순서로 반복

자세한 차이가 설명되어 있지만 아직 벅차다
https://developerntraveler.tistory.com/122

🌈While문

문법 동일

🌈반복문을 이용해서 만드는 추측 게임 예제

let maximum = parseInt(prompt("Enter the maxinum number!"));
// parseInt함수를 사용하면 숫자 혹은 NaN이 반환된다

while (!maximum) {
    maximum = parseInt(prompt("Enter a valid number!"));
}
// maximum의 값이 NaN으로 반환될 경우에 다시 입력하라는 반복문

const targetNum = Math.floor(Math.random() * maximum) + 1;
console.log(targetNum);
// Math.random()함수는 0이상 1미만의 무작위 실수 생성
// Math.floor()함수는 주어진 숫자를 내림해 정수 부분만 남김

let guess = parseInt(prompt("Enter your first guess!"));
let attempts = 1;

while (parseInt(guess) !== targetNum) 
{
    if (guess === 'q')
        break;

    attempts++;

    if (guess > targetNum) {
        guess = (prompt("Too high! Enter a new guess:"));
    }
    else {
        guess = (prompt("Too low! Enter a new guess:"))
    }
}
if(guess ==='q')
{
console.log("Quit!")
}
else
{
    console.log("Good");
    console.log(`you got it ! It took you ${attempts} guesses`)
}

🌈parseInt

parseInt(string, radix) = 문자열에서 숫자를 추출하게 위해 주로 사용
숫자와 NaN을 반환하며 부동 소수점 값은 무시한다
NaN는 매개변수로 입력받는 문자열에 숫자가 아닌 다른 문자로 시작했을 때 발생
radix 매개변수는 진법을 지정하고 기본값은 10인 10진법이다

const myNumber = '5';
console.log(4 + myNumber);
// returns 45

const myNumber = '5';
console.log(4 + parseInt(myNumber));
// returns 9

🌈Todo List 만들어보기

let list = []

while (1) 
{
    let startInput = prompt("Please Input (if you want to quit = input 'q')");

    if (startInput === 'q') 
    {
        let k = 1;
        console.log("your Todo list")
        for (let i of list)
        {

            console.log(`${k}: ${i}`)
            k++;
        }
        break;
    }
  
    else if (startInput === 'new') 
    {
        let element = prompt("input add a Todo")
        list.push(element)
        console.log(`add ${element}`)
    }


    else if (startInput === 'list')
    {
        let k = 1;
        console.log('**********');

        for (let i of list) 
        {
            console.log(`${k}: ${i}`)
            k++;
        }

        console.log('**********');
    }
  
    else if (startInput === 'delete')
    {
        let removeElement = prompt("Remove Specific Todo")

        let removeNum = list.indexOf(removeElement)
        if (removeNum === -1)
        {
            console.log("please vaild specific todo")
        }
        list.splice(removeNum, 1);
        console.log(`delete ${removeElement}`)
    }
  
    else 
    {
        console.log("please input vaild text")
    }


}