기본적인 함수 개념은 아는데 아직 익숙하지가 않아
직접 코딩을 하다보면 항상 헷갈려서
list와 dictionary에 이어 함수도 복습할 겸 내용 정리를 한번 해보기로 했다.
함수의 기본 생김새와 예시이다.
// 만들기
function 함수이름(필요한 변수들) {
내릴 명령들을 순차적으로 작성
}
// 사용하기
함수이름(필요한 변수들);
// 예시
// 두 숫자를 입력받으면 더한 결과를 돌려주는 함수
function sum(num1, num2) {
console.log('숫자', num1, num2);
return num1 + num2;
}
console.log(sum(3, 5)); // 8 출력
console.log(sum(4, -1)); // 3 출력
function sum(num1, num2) // sum 이라는 함수에 num1, num2 라는 변수를 넣어 함수 생성
{ console.log('숫자', num1, num2);
// console.log 로 '숫자' 라는 문자열과 num1, num2의 변수에 각각 들어간 값을 콘솔에 출력
return num1 + num2; }
// return 으로 num1 값과 num2의 값을 더한 뒤 결과를 반환
여기서 중요한 것!
console.log는 입력된 값을 콘솔에 출력하기만 할 뿐 데이터를 반환하지는 않는다!!
그러므로 console.log의 주요 용도는 값을 미리 콘솔에 출력해 봄으로서 코드, 값이 정상적인지
오류가 있는지 없는지 확인하는 용도!!
함수의 반복문 기본 생김새이다.
for (let i = 0; i < 5; i++) {
console.log(i); // 0부터 4까지 출력됨
}
for (초기화식; 조건식; 증감식) {
// 실행할 코드
}
위 예제는 let i = 0 으로 i라는 변수를 선언하고 값을 0으로 준 뒤 초기화식으로 설정
i < 5 가 조건식, i++가 증감식인 반복문이다.
정리하자면 이 반복문은
1. 초기화식에서 i = 0 으로 초기화 시키고
2. 조건식에서 i가 5보다 작은지 확인하고
3. 증감식에서 i를 1 증가 시킨다.
이 과정에서 조건식을 벗어날때까지 console.log로 모두 출력하는 함수이다.
'TIL > JavaScript' 카테고리의 다른 글
React Router Dom (0) | 2024.05.24 |
---|---|
jQuery 기본 문법 (0) | 2024.02.19 |
JS 기본문법 - 함수(2) (0) | 2024.02.18 |
jQuery 란? (0) | 2024.02.17 |
JS 기본문법(list, dictionary) (1) | 2024.02.17 |