기본 함수
/ 만들기
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('청소년이에요')
}
}
→ 20 보다 크면 '성인이에요' , 작으면 '청소년이에요'
▶ 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)
→20보다 크면 '성인이에요', 10보다 크면 '청소년이에요', 둘다 아니면 '10살 이하!'
반복문
예 ) 0부터 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가 증가하다가 반복조건에 맞지 않으면, 반복을 종료
✔️ 주로 리스트와 함께 쓰임
예1)
let people = ['철수','영희','민수','형준','기남','동희']
for (let i = 0 ; i < people.length ; i++) {
console.log(people[i])
→ i가 1씩 증가하면서, people의 원소를 차례대로 불러올 수 있게되어 리스트의 모든 원소를 한번에 출력
예2)
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점 미만인 사람들의 이름만 출력
'스파르타 코딩 웹개발 종합반 > 1주차' 카테고리의 다른 글
1-15 JS 연습하기 (0) | 2022.05.11 |
---|---|
1-13 JS 문법(콘솔/변수대입/리스트/딕셔너리/Split) (0) | 2022.05.11 |
1-12 Java script 시작 (html 과 연동) (0) | 2022.05.11 |
1-11 포스팅박스 만들기/ 모바일 최적화 크기 (0) | 2022.05.11 |
1-10 Bootstrap_Card / 이모티콘 모음 (0) | 2022.05.11 |