[웹개발 종합반] 1주차 (4) Javascript 문법

• //함수
  
  // 만들기
  function 함수이름(필요한 변수들) {
  	내릴 명령들을 순차적으로 작성
  }
  // 사용하기
  함수이름(필요한 변수들);
  
  // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수
  function sum(num1, num2) {
  	console.log('num1: ', num1, ', num2: ', num2);
  	return num1 + num2;
  }
  
  sum(3, 5); // 8
  sum(4, -1); // 3

• 콘솔에서 shift+enter하면 줄바꾸기

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

• // AND 조건은 이렇게
  function is_adult(age, sex){
  	if(age > 20 && sex == '여'){
  		alert('성인 여성')
  	} else if (age > 20 && sex == '남') {
  		alert('성인 남성')
  	} else {
  		alert('청소년이에요')
  	}
  }
  
  // 참고: OR 조건은 이렇게
  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,'남')

• // 반복문
  
  // 0부터 99까지 콘솔에 출력할 때
  console.log(0)
  console.log(1)
  console.log(2)
  console.log(3)
  console.log(4)
  console.log(5)
  ...
  console.log(99)
  //너무 오래걸린다
  
  // for 문
  for (let i = 0; i < 100; i++) {
  	console.log(i);
  }
  // i가 0부터 99까지 1씩 증가하면서 콘솔에 i값 출력
  
  // 리스트와 for 문
  let people = ['철수','영희','민수','형준','기남','동희']
  
  // i가 1씩 증가하면서, people의 원소를 차례대로 불러옴
  for (let i = 0 ; i < people.length ; i++) {
  	console.log(people[i])
  }
  
  // 딕셔너리로 이루어진 리스트와 for 문
  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점 미만인 사람들의 이름만 출력

• 예제로 연습해보기

• // 미세먼지가 40 초과인 구와 미세먼지 값 출력
  for (let i = 0; i < mise_list.length; i++) {
      let guName = mise_list[i]['MSRSTE_NM']
      let guMise = mise_list[i]['IDEX_MVL']
  
      if (guMise > 40) {
      console.log(guName, guMise)
      }
  }
  // 함수를 이용해 40말고 원하는 숫자로 실행되게끔 할 수 있음
  
  // 자전거가 5개 미만인 정류장과 자전거 갯수 출력
  for (i = 0; i < bikes.length; i++) {
      let name = bikes[i]['stationName']
      let bike = bikes[i]['parkingBikeTotCnt']
  
      if (bike < 5) {
          console.log(name, bike)
      }
  }
  //역시 함수를 이용해 숫자 5를 내 마음대로 커스텀 가능