🙋목표: 자바스크립트 기초를 공부하고 부족한 부분을 채우자.

1. for 문의 활용

---

🙌 우리나라 도시를 기준으로 배열을 만들어보자.🚀

const cities = ["서울", "대전", "대구", "대구", "부산", "광주", "제주도"];

if문을 써서 home 이 서울이 맞으면 이라는 로직을 작성해 보자.

let home = "서울";
 
if (cities[0] === home) {
  alert("아, 여기 사시는군요");
} else if (cities[1] === home) {
  alert("아, 여기 사시는군요");
} else if (cities[2] === home) {
  alert("아, 여기 사시는군요");
} else if (cities[3] === home) {
  alert("아, 여기 사시는군요");
}

작성은 가능하지만 도시 이름이 굉장히 많다면 우리는 힘들게 일을 할 것이다. 우리가 프로그래밍을 배우는 가장 주된 이유는 이러한 반복 작업을 줄이기 위함일 것이다. 어떻게 하면 반복을 줄이고 쉽게 도시 이름이 "서울" 과 같은 것을 맞출수 있을까? for 문으로 해결할 수 있다.

for (let i = 0; i <= 50; i++) {
	if (cities[i] === home) {
	alert("아, 여기 사시는 군요...!");
  }
}

2. for 문의 사용법

---

for 문을 사용하면 코드를 원하는 만큼 반복시킬수 있다. 우리가 조건만 잘 붙혀준다면 예쁘게 원하는대로 보일 것이다. 잘 알려주면 되겠다.

const count = 1;
for (let i =0; i <= 5; i++) {
  count = count + 1;
}

for 문을 실행시키기 위한 작성법을 알아보자.🚀

for (반복조건) {
	// 반복조건이 맞으면 코드블럭 안에 있는 코드가 실행이 됩니다.
}

3. 반복문 내부의 조건문

---

const home = "대전";
const cities = ["서울", "대전", "대구", "부산", "광주", "제주도"];

for (let i = 0; i <=5; i++) {
  if(cities[i] === home) {
    console.log(`안녕하세요, ${cities[i] 사시는군요...!`);
  }
}

반복문과 조건문은 매우 중요하고 실수 또한 잘 나온다.

console.log 를 많이 찍어보고 계속해서 확인하자✍️

4. 반복문의 다양한 활용

---

반복문은 다양하게 활용이 된다. 한 번 알아보자.

for (let i = 2; i < 10; i = i + 2)

i 가 2이고, 10보다 작을때까지 i 를 2 더한값을 주는 반복문이다.

따라서 i 는 2, 4, 6, 8로 2씩 증가하게 된다.

또 다른 것도 있다.

for (let i = 10; i > 7; i--)

이러한 반복문은 우리가 잘 생각하기만 하면 얼마든지 만들어 낼 수 있다.

우리가 이전에 작성한 코드를 다시 복사해서 가져와보고 확인해 보자.

const home = "대전"; 
let cities = ["서울", "대전", "대구", "부산"];  
 
for (let i = 0; i <= 3; i++) {    
  if (cities[i] === home) {      
    console.log("아, "+ cities[i] +" 사시는군요");    
  } 
}

우리는 일을 하면서 프론트엔드 코드에서 직접 배열을 생성하지 않고 외부에서 배열을 받아노는 경우가 있고, 또 배열이 너무 길어서 셀 수 없는 경우도 있다.

이럴 땐 어떻게 하면 될까?

배열의 길이 length 라는 속성(property)를 이용하면 된다. 한 번 해 보자.

for (let i = 0; i < cities.length; i++) {
  if (cities[i] === home) {
    alert("아, 여기 사시는군요...!");
  }
}

여기서 중요한 것은 < 를 사용했다는 것이다. 이해가 빠르게 안된다면 다시 보고 천천히 이해하자.

5. Assignment

---

findSmallestElement 함수를 구현해 주세요.

• findSmallestElement 의 arr 인자는 숫자 값으로만 이루어진 배열입니다.

• arr 의 값들 중 가장 작은 값을 리턴 해주세요.

• 만일 arr 가 비어있으면 0을 리턴 해주세요.

• 예를 들어, 다음과 같은 배열이 인자(input)으로 들어왔다면 1이 리턴 되어야 합니다.

  [20, 200, 23, 1, 3, 9]

function findSmallestElement(arr) {
  if (arr.length === 0) {
    return 0;
  }
  let indexArr = arr[0];
  for (let i = 0; i < arr.length; i++) { //0,1,2,3,4,5 총 6번
    if (indexArr > arr[i]) {
      indexArr = arr[i];
    }
  }
  return indexArr;
}