(나의개발자일지) 1-4주차

검색 및 적용방법

자바스크립트 문자열 나누기 등 궁금한 내용을 검색해서 활용.

아래 홈페이지는 공식문서로 예제 코드와 사용법이 쓰여 있음.

String.prototype.split() - JavaScript | MDN (mozilla.org)

String.prototype.split() - JavaScript | MDN

 

---

 

조건문과 반복문

alert는 팝업 구현.

 

90보다 작으면 작다고, 크면 크다고 알려주는 함수

function is_adult(age){
if(age > 20){
alert('성인이에요')
} else {
alert('청소년이에요')
}
}

is_adult(25)

 

if, else if, else

 

function is_adult(age){
if(age > 20){
alert('성인이에요')
} else if (age > 10) {
alert('청소년이에요')
} else {
alert('10살 이하!')
}
}

is_adult(12)

 

// AND 조건(양쪽의 조건이 모두 맞아야 함) AND = &&
function is_adult(age, sex){
if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}

// 참고: OR (한 개의 조건만 참이면 맞음) OR = (엔터키 위에 키를 Shift와 같이 눌러야 함)
function is_adult(age, sex){
if (age > 65 || age < 10) {
alert('탑승하실 수 없습니다')
} else if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}

is_adult(25,'남')

 

---

 

일반적인 반복문 (for), 조건을 안에 3가지를 씀.

반복문에서는 ; 각각 적어줘야함.

 

let i = 0 ; -> 시작의 인덱스(시작 번호 명시)

 i < 100  -> 언제까지 반복문을 돌릴 것인지. 해당 의미는 99까지

 i++        -> 후순위 연산자, 조건을 한번 할 때마다 1씩 증가함. 기호.

 

for (1. 시작조건; 2. 반복조건; 3. 더하기) {
4. 매번실행
}

1 -> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3
-> 2체크하고 -> (괜찮으면) -> 4 -> 3

와 같은 순서로 실행됩니다.
i가 증가하다가 반복조건에 맞지 않으면, 반복을 종료하고 빠져나옵니다.

 

for (let i = 0; i < 100; i++) {
console.log(i);
}

 

위처럼 숫자를 출력하는 경우보다는, 반복문은 주로 리스트와 함께 쓰임

 

let people = ['철수','영희','민수','형준','기남','동희']

// 이렇게 하면 리스트의 모든 원소를 한번에 출력할 수 있겠죠?
// i가 1씩 증가하면서, people의 원소를 차례대로 불러올 수 있게 됩니다.
for (let i = 0 ; i < people.length ; i++) {
console.log(people[i])
} 

 

---

 

리스트와 딕셔너리

let scores = [
        {'name':'철수', 'score':90},
        {'name':'영희', 'score':85},
        {'name':'민수', 'score':70},
  {'name':'형준', 'score':50},
  {'name':'기남', 'score':68},
  {'name':'동희', 'score':30},
]

for (let i = 0 ; i < scores.length ; i++) {
        console.log(scores[i]);
}

// 이렇게 하면 리스트 내의 딕셔너리를 하나씩 출력할 수 있고,

70점 이상에게 칭찬해준다고 하면 조건문 추가.

 

for (let i = 0 ; i < scores.length ; i++) {
if (scores[i]['score'] < 70) {
console.log(scores[i]['name']);
}
}

// 이렇게 하면 점수가 70점 미만인 사람들의 이름만 출력가능

 

---

 

합을 구하는 함수

0부터 n-1까지 더하는 함수를 만들고 싶다면?

 

function get_sum(n) {
    let sum = 0  <- 기준 변수에 계속 더해고 결과값이 sum에 들어감
    for (let i = 0; i < n; i++) {
        sum += i;         // sum을 i만큼 증가시켜라. sum = sum + i 와 동일!
    }
    return sum
}

 

0

1 = 0+1

3 = 1(기존)+2

6 = 3(기존) +3

10= 6(기존) +4

let result = get_sum(10); // return 결과인 sum이 result에 저장
console.log(result)       // 45를 출력

 

 

---

다음에서 '딸기'는 몇 개일까? - 이번엔 자바스크립트 콘솔창에서!

 

let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기']

let count = 0;
for (let i = 0; i < fruit_list.length; i++) {
let fruit = fruit_list[i];
if (fruit == '딸기') {
count += 1;
}
}
console.log(count);

 

---

 

11) 미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하기

 

for (let i = 0; i < mise_list.length; i++) {
  let mise = mise_list[i];
  if (mise["IDEX_MVL"] < 40) {
    let gu_name = mise["MSRSTE_NM"];
    let gu_mise = mise["IDEX_MVL"];
    console.log("40보다 작은 구: " + gu_name + ", " + gu_mise);
  }
}

 

for i는 0부터 시작, 조건은 mise_리스트 길이의 -1까지, 1씩 추가

mise는 mise_list라고선언

만약 mise의 idex가 40이하면, 구 이름과 수치를 표시.