[Note] 4 Javascript_2

조건문, 배열, 반복문까지

06_Conditional statements(조건문)

주어진 조건에 따라서 에플리케이션을 다르게 동작하도록 하는 것.
지정된 조건식의 결과를 Boolean값으로 받고, 그에 따라 코드를 실행한다.

💡 Boolean이란?
- 참(True) or 거짓(False)
- 둘 중 한가지 값만 갖는 Data type

조건문 if/else if/else

📍문법
만약 ~~한다면 실행하라

if (조건식1) {
  // statement1
} else if(조건식2) {
  // statement2 
} else {    
  // statement3 
}

1. 조건식1 : 참(True)이면 if ➪ statement1 실행
2. 조건식1 : 거짓(False) / 조건식2 : 참(True)이면 else if ➪ statement2 실행
3. 조건식 1,2 모두 거짓(False)이면 else ➪ statement3 실행

---

6-1_비교연산자

연산자	이름	설명
a == b	같음(동등)	a와 b의 값이 같으면 true
a === b	엄밀히 같음(일치)	a와 b의 값이 같고 자료형도 같으면 true
a != b	같지 않음(부등)	a와 b의 값이 다르면 true
a !== b	엄밀히 같지 않음(불일치)	a와 b의 값이 다르거나 자료형이 다르면 true
a < b	작음	a가 b보다 작으면 true
a <= b	작거나 같음	a가 b보다 작거나 같으면 true
a > b	큼	a가 b보다 크면 true
a >= b	크거나 같음	a가 b보다 크거나 같으면 true

6-2_논리연산자

연산자	이름	설명
a && b	And	a와 b가 모두 true이면 true
a || b	Or	a나 b 중 하나라도 true이면 true
! a	Not	a가 true가 아니면 true

• Truthy(참 같은 값)
  : Boolean 결과를 기대하는 문맥에서 true로 평가되는 값.
  Falsy로 정의된 값이 아니면 모두 Truthy로 평가된다.

• Falsy(거짓 같은 값)
  : Boolean 결과를 기대하는 문맥에서 false로 평가되는 값.

  • false
  • 0
  • -0
  • 0n
  • " "(blank)
  • null
  • undefined
  • NaN

07_Array(배열)

💡 Array(=배열)이란?

• 연관된 데이터를 하나의 변수에 담아 관리하기 위한 집합, Grouping

특징

let myArray = [19, 'good', false]

• 모든 데이터 타입을 담을 수 있음. 배열안에 배열도 가능.
• 요소(element)
  • 배열에 담긴 데이터들
  • ex) '19', 'good', 'false' 는 배열 myArray의 요소(element)이다.
• 순서(index)
  • 순서를 가지고 있음.
  • 첫번째 = [0]부터 시작.
  • ex) myArray[1] == 'good'

요소 접근하기

let myArray = [19, 'good', false];
let first = myArray[0];

console.log(first);//19
console.log(myArray[0]);//19
console.log(myArray[1]);//'good'
console.log(myArray[2]);//false

요소 수정하기

let myArray = [19, 'good', false];
myArray[0]=500;

console.log(myArray[0]);//500

요소 추가하기

• (배열이름).push()
• 여러개도 가능

let myArray = [19, 'good', false];


myArray.push(345, true);
console.log(myArray);//[19, 'good', false, 345, true]

요소 삭제하기

• (배열이름).pop() : 뒤에서부터 삭제
• (배열이름).shift() : 앞에서부터 삭제
• (배열이름).splice() : 원하는 위치에 삭제하고 새로 추가
  문법 ➪ .splice((변경을 시작할 인덱스번호),(제거할 요소의 수s),(추가할 요소s))

let myArray = [19, 'good', false, 345, true];

myArray.pop();
console.log(myArray);//[19, 'good', false, 345]

myArray.shift();
console.log(myArray);//['good', false, 345]

myArray.splice(1,1,true);
//[1]번 인덱스(=두번째)에서 부터 1개 요소 지우고 true 추가
console.log(myArray);//["good", true, 345]

배열 길이 구하기

• (배열이름).length

let myArray = [19, 'good', false];

console.log(myArray.length);//3

배열의 마지막 요소값 = myArray[myArray.length-1]

중첩된 배열 (=배열 안의 배열; nested array)

let myArray = [19, 'good', [100, 200, 300], false];

console.log(myArray.length);//4; nested array는 1개의 요소.
console.log(myArray[2]);// [100, 200, 300]

//중첩된 배열의 요소에 접근하기
console.log(myArray[2][0]);// 100

08_Iteration statements(반복문)

동일한 동작을 원하는 횟수만큼 반복하도록 하는 것.
똑같은 내용을 계속해서 출력해야 하거나 같은 동작을 계속 반복해야 할 때 사용한다.
코드의 길이를 줄여 효율성을 높이고, 코드를 간결하게 작성할 수 있다.

조건식이 true인 동안, 반복문의 내용을 실행하고
false가 될 때까지 반복한다. false가 되면 반복문을 빠져나옴.

for문

📍문법

for(counter 초기상태; 조건식; counter 변화){
	수행할 동작
}

ex)

//'hello wecode!'라는 문장을 10번 반복출력
for(let step = 0; step < 10; step++){
	console.log('hello wecode!');
}

//콘솔에 1부터 10까지 1씩 더해가며 출력하기
for(let i = 1; i <= 10; i++){
	console.log(i);
}
//or
for(let i = 0; i < 10; i++){
	console.log(i+1);
}

⭐️주의⭐️
counter의 변화가 없으면 조건식은 영원히 실행된다. ➪ 무한루프
반복문이 무한루프에 빠지지 않도록 주의.
(but, 종종 필요에 의해 사용되기도 함)

while문

for문과 함께 많이 쓰이는 반복문.

📍문법

counter 초기상태;

while (조건식){
  수행할 동작
  (counter 변화)
}

//위의 for문 예제를 while문으로 표현하기

let i = 0;

while(i < 10){
  console.log(i+1);
  i++
}

🤔 언제 어떤 구문을 써야 해?

• for문 : 주로 반복 횟수가 정해져 있을 때 사용.
• while문 : 주로 무한루프나 특정 조건을 만족할 때까지 반복해야할 때 사용.

📌 <이 외의 다양한 반복문>
MDN_Loops and iteration

반복문과 배열

반복문은 배열과 함께 자주 쓰임.

1. 빈배열 myArray에 100부터 110까지 요소를 추가하기

let myArray = [];

for(let i = 100; i <= 110; i++){
	myArray.push(i);
}//[100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110]

2. 배열 colors의 요소를 순회하며 콘솔에 출력하기
   💡배열의 요소에 순회하다?
   = 모든 요소를 하나씩 뜯어보기(?)

let colors = ['red', 'blue', 'orange', 'black'];

for(let i = 0; i < colors.length; i++){
	console.log(colors[i]);
}
/*
"red"
"blue"
"orange"
"black"
*/

3. Number로 이루어진 배열 numbers의 요소를 순회하며 1씩 더하여 콘솔에 출력하기

let numbers = [10, 20, 30, 40, 50];

for(let i = 0; i < numbers.length; i++){
	console.log(numbers[i]+1);
}
/*
11
21
31
41
51
*/