[코딩일기] 자바스크립트 문법(2)

Mongs_sw·2022년 11월 12일

javascript

목록 보기

2/21

1. 자바스크립트 함수, 조건문, 반복문

(1) 함수의 정의

: 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미
즉, 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있도록 하는 것이다.

function 함수이름(미지수) {
	실행 시키고자 하는 동작 코드 작성
}

//함수 호출하기
함수이름(미지수)

ex)
// 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 만들기 //

function sum(num1, num2) {
	console.log('덧셈 할 숫자는?', num1, num2);
   return num1+num2;
}

sum(7, 3); // 10
sum(5, -2); // 3

(2) 조건문

- 조건문은 제어문 중 하나이다.

제어문이란?
순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 합니다.

(2) - 1. 조건문의 정의

조건문이란?
프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.
조건문 중에서 가장 기본이 되는 실행문은 if 문입니다.

//조건문 사용하는 방법//
if (조건) {
	위 조건을 충족한다면, 해당 문 실행
} else if (조건) {
	위 조건을 충족한다면, 해당 문 실행
} else {
	위 조건을 만족시키지 못하면, 해당 문 실행
}

ex)

function get_result(score) {
	if(scroe > 70) {
    	console.log("Pass")
	} else {
    	console.log("False")
    }
}

get_result(95);

(3) 반복문

(3) - 1 반복문의 정의

반복문이란?
프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다.
프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나입니다.

// 반복문 사용하는 방법 //

 for (let 1. 시작조건; 2. 반복조건; 3. 더하기 or 빼기) {
 	4.반복 조건에 충족한다면, 매번 실행
}

ex) 
// 1~9 까지 수 나타내기 //

for (let i = 1; i < 10; i++) {
	console.log(i)
}

2. 함수, 조건문, 반복문 문제

1) 이름을 입력하면, "철수님 환영합니다"의 메시지창을 띄우는 함수를 만들어보세요.

// 함수 선언하기
function welcome(name) {
	alert(name +"님 환영합니다.")
}

// 함수 호출하기
welcome("철수")

2) 리스트의 이름이 순차적으로 나올수 있도록 만들어 보세요.

let students = ["가희", "승환", "경아", "호석"] 

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

풀이) 학생들의 리스트를 정의해주고 반복문을 사용하여 화면에 출력시켜준다.
length로 길이를 설정해주어 i의 범위를 정해준다. students의 인덱스가 총 4개([0]~[3])이므로 i의 범위를 정해주면 호석까지의 이름이 출력될 수 있다.

3) 서울에 사는 학생만 나오도록 만들어보세요

let people = [
	{'name':'영서','city':'서울','age':20},
	{'name':'철수','city':'서울','age':8},
	{'name':'동희','city':'대구','age':24},
	{'name':'민준','city':'제주','age':15},
	{'name':'영희','city':'서울','age':35}
]

for (i=0; i<people.lentgh; i++){
	if(people[i]['city']=='서울'){
    console.log(people[i]['name']
    }
}

3. 자바스크립트 문법 문제(2)

1) "@" 포함 여부에 따라 이메일인지 아닌지 판단하는 함수를 만들어보세요.

let email='abc@gmail.com'

function is_email(email) {
	if(email.includes('@')){
    	alert('이메일 입니다');
    } else {
    	alert('이메일이 아닙니다');
    }
}

특정 문자열에 대한 포함여부를 확인해야 하기 때문에 문자.includes()메서드를 사용하였다.

2) 이메일의 도메인 부분만 메세지 창에 띄워보세요.

let email = 'abc@naver.com'

email.split('@')[1].split('.')[0]

function mail_domain(email) {
	if(email.includes('@')==true) {
    	alert(email.split('@')[1].split('.')[0]
    } else {
    	alert('이메일이 아닙니다.')
	}
}

// 도메인 확인하기
mail_domain('abc@naver.com')

4. 심화 문제

1) "@"이 없는 이메일(= 이메일을 잘못 입력한 사람을 골라내세요)

let users = [
{'name':'영희', 'email':"young@gamil.com"},
{'name':'영숙', 'email':"suk@naver.com"},
{'name':'민수', 'email':"minsu.gmail.com"},
{'name':'형준', 'email':"jun@naver,com"},
{'name':'철수', 'email':"su.gmail.com"},
{

let email = 'abc@gmail.com

for (i=0; i<[5]; i++) {
	if(users[i]['email'].includes('@')==false) {
    	console.log(users[i]['name'])
    } else {
    	console.log('올바른 이메일 입니다.')
    }
}

// 결과
민수
철수

2) "서울에 거주하지 않는 사람 이름과 도시를 출력해주세요.

let users = [
	{'name':'영지', 'city':"부산"},
	{'name':'서희', 'city':"서울"},
	{'name':'민정', 'city':"광주"},
  	{'name':'지우', 'city':"서울"},
  	{'name':'수철', 'city':"수원"},
  	{'name':'정우', 'city':"울산"},
]

function another_town(users) {
	for(i=0; i<users.length; i++){
    	if(!(users[i]['city']=='서울')){
        	console.log("이름 :",users[i]['name'],",","사는 도시 :",users[i]['city'])
		} 
	}
}