Javascript 기초 문법 (2)

DAHYUN SEO·2022년 1월 11일
0

Web Programming

목록 보기
1/4
post-thumbnail
  • 함수
    • 기본 생김새
      // 만들기
      function 함수이름(필요한 변수들) {
      	내릴 명령들을 순차적으로 작성
      }
      // 사용하기
      함수이름(필요한 변수들);
    • 예시
      // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수
      function sum(num1, num2) {
      	console.log('숫자', num1, num2);
      	return num1 + num2;
      }
      
      sum(3, 5); // 8
      sum(4, -1); // 3
  • 조건문
    • 20 보다 작으면 작다고, 크면 크다고 알려주는 함수
      function is_adult(age){
      	if(age > 20){
      		alert('성인이에요')
      	} else {
      		alert('청소년이에요')
      	}
      }
      
      is_adult(25)
    • if, else if, else if, else if else
      function is_adult(age){
      	if(age > 20){
      		alert('성인이에요')
      	} else if (age > 10) {
      		alert('청소년이에요')
      	} else {
      		alert('10살 이하!')
      	}
      }
      
      is_adult(12)
  • 반복문
    • 예를 들어 0부터 99까지 출력해야 하는 상황이라면!
      console.log(0)
      console.log(1)
      console.log(2)
      console.log(3)
      console.log(4)
      console.log(5)
      ...
      console.log(99)
      
      // 이렇게 쓰기엔 무리가 있겠죠? 그래서, 반복문이라는 것이 존재합니다!
    • 반복문을 이용하면 아래와 같이 단 세줄로, 출력할 수 있습니다.
      for (let i = 0; i < 100; i++) {
      	console.log(i);
      }
      for (1. 시작조건; 2. 반복조건; 3. 더하기) {
      	4. 매번실행
      }
      
      1 -> 2체크하고 -> (괜찮으면) -> 4 -> 3
      -> 2체크하고 -> (괜찮으면) -> 4 -> 3
      -> 2체크하고 -> (괜찮으면) -> 4 -> 3
      -> 2체크하고 -> (괜찮으면) -> 4 -> 3
      
      와 같은 순서로 실행됩니다.
      i가 증가하다가 반복조건에 맞지 않으면, 반복을 종료하고 빠져나옵니다.
    • 그러나 위처럼 숫자를 출력하는 경우보다는, 반복문은 주로 리스트와 함께 쓰입니다.
      아래 예시를 볼까요? 일단 아래를 복사 붙여넣기 하고, 함께 코딩해볼게요
          ```jsx
          let people = ['철수','영희','민수','형준','기남','동희']
          ```
          
      
      ```jsx
      let people = ['철수','영희','민수','형준','기남','동희']
      
      // 이렇게 하면 리스트의 모든 원소를 한번에 출력할 수 있겠죠?
      // i가 1씩 증가하면서, people의 원소를 차례대로 불러올 수 있게 됩니다.
      for (let i = 0 ; i < people.length ; i++) {
      	console.log(people[i])
      }
      ```
    • 리스트도 그냥 리스트가 아닙니다! 딕셔너리가 들어간 리스트와 찰떡이죠
        ```jsx
        let scores = [
        	{'name':'철수', 'score':90},
        	{'name':'영희', 'score':85},
        	{'name':'민수', 'score':70},
          {'name':'형준', 'score':50},
          {'name':'기남', 'score':68},
          {'name':'동희', 'score':30},
        ]
        ```
        
      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]);
      }
      
      // 이렇게 하면 리스트 내의 딕셔너리를 하나씩 출력할 수 있고,
      for (let i = 0 ; i < scores.length ; i++) {
      	if (scores[i]['score'] < 70) {
      		console.log(scores[i]['name']);
      	}
      }
      
      // 이렇게 하면 점수가 70점 미만인 사람들의 이름만 출력할 수도 있습니다.

0개의 댓글