[04.19] Javascript 기초

NellaFantaJia's TechLog👩🏻‍💻·2023년 6월 11일

📌 조건문

if문

if문은 주어진 조건식의 참(truue)/ 거짓(false) 여부에 따라 실행이 결정된다.

  if(true) {
  	console.log('hello world');
  }

동치 연산자 (===)

=== : 동일하면 true
!== : 동일하지 않다면 false

	let name = 'kimcoding';
	if (name === 'kimcoding') {
		console.log('중복된 이름입니다.;); // '중복된 이름입니다.'
	}

비교연산자 (>, <, >=, <=) : 값의 크기 비교

let num = 5;
if (num < 5);
	num = num =1;
}
console.log(num); // 6

if (num > 5) {
	num = num - 1;
}	
console.log(num); // 5

논리 연산자 (&&, ||)
1. 논리합 (||) : 연산자 중에 하나만 맞아도 true ↔ flase
2. 논리곱 (&&) : 연산자가 모두 맞아야 true ↔ flase
```
let age = 15;
if (age > 13 && age <= 19) {
	console.log('청소년입니다.'); // '청소년입니다.'
}
```

부정연산자 (!) : 조건을 부정

let num = 11;
if (!(num===10)) {
		console.log('변수 num은 10이 아닙니다.'); // '변수 num은 10이 아닙니다.'
	}

else문

else문은 조건이 true일때와 false일때 각각 다른 코드가 실행되게 함

  let num = 5;
  if (num % 2 === 0) {
  	  console.log('짝수입니다.');
  } else {
  	console.log('홀수입니다.'); // '홀수입니다.'

독립적으로 사용할 수 없고, if문 바로 뒤에 작성 가능/
조건을 더 추가하려면 = else if

  let name = 'kimcoding';
  let course = 'seb be'

  if(name === 'kimcoding' && course === 'seb fe') {
      console.log('정보가 일치합니다.')
  } else if (name === 'kimcoding' && course !== 'seb fe') {
      console.log('코스를 확인하세요.') // '코스를 확인하세요.'
  } else {
      console.log('일치하지 않는 정보입니다.')
  }

삼항 조건 연산자

: if과 else문을 삼항 조건 연산자로 바꿔 쓸 수 있음

⇒ {(조건식) ? (‘참/거짓 내용일 때 실행할 코드’)}

// 삼항 연산자
let num =5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수') // 홀수

// if-else문
let num = 5;
if (num % 2 ===0) {
	console.log('짝수입니다.');
} else {
	console.log('홀수입니다.'); // '홀수입니다.

📌 반복문

: 반복적으로 사용되는 코드를 간결하게 작성 가능

for (초기값; 조건식; 증감식) { ‘실행할 코드’ }

초기값 : 증감식 반복 횟루를 카운트하는 역할을 하는 변수
조건식 : 코드블록 내부 코드의 실행 여부 결정
증감식 : 코드블록 내부의 코드를 실행한 후 초기값으로 선언된 변수를 증가, 감소의 표현식
```
// 예시코드
let result = 0;

for(let num =1; num <= 5; num++) {
	result = result + num;
}
console.log(result); // 15
```

문자열에 반복문 활용

인덱스(index)

문자열의 순서를 알려줌

let str = 'codestates';
console.log(str[0]); // 'c'
console.log(str[4]); // 's'

indexof() : 특정 문자의 인덱스 확인

let str = 'codestates';
console.log(str.indexOf('c')); // 0
console.log(str.indexOf('e')); // 3

길이 (.length)

문자열의 길이 확인

let str = 'codestates';
console.log(str.length); // 10

문자열의 길이를 알 수 없을때 아래처럼하면 된다.

let str = 'codestates'
// 0부터 시작하는 index와 달리 길이는 문자열에 속한 문자의 개수를 포함하므로 -1을 해줘야함
for(let i = 0; i <= str.length -1; i++) {
	console.log(str[i]);
}

반복문과 조건문 예시

// 1부터 10까지늬 숫자 중 홀수만 출력
for (let i = 1; i <= 10; i++) {
	// 조건문 사용해서 홀수만 출력하는 코드 작성
	if (i % 2 ===1) {
		console.log(i);
	}
}

반복문의 중첩

// 정육면체 주사위 2개를 굴려 나올 수 있는 경우의 수 만들기
for (let i = 1; i <= 6; i++) {
  	for (let j = 1; j <= 6; j++) {
		console.log(`첫번째 주사위는 ${i}, 두번째 주사위는 ${j}입니다.`);
	}
}

while문
- for문과 달리 while문은 조건식만 입력한 후 조건식의 평가 결과가 true인 경우 코드 블록 내부의 코드를 반복하여 실행
```
// 반복문
for (let num = 0; num < 3; num++) {
	console.log(num); // 0 1 2
}

// while문
let num = 0;
while (num < 3) {
		console.log(num); // 0 1 2
		num++
}
```
- 무한 루프를 주의해야함
  아래 코드는 num은 항상 0보다 크므로, 무한 루프가 발생 → while문은 조건식이 fasle로 평가되는 순간이 있는지 반드시 주의!
```
let num = 1;
while (num > 0) {
		console.log(num);
		num++;
}
```