반복문 (while, do-while, for 개발자가 주로 사용하는 문법.)
반복문을 쓸때 주의할 점.
1) 바로 무한 반복이라는 점이다.
2) 반복 횟수 (반복이 한 번과 두 번이 도는데 돈이 걸린 문제라면 많은 비용이 소모될 수 있음.)
반복문의 기본구조 세 가지.
1) 초기화 - 변수를 집어 넣을 때 값을 초기화
2) 조건문
3) 카운터
-while(조건){
실행할 코드;
}
while의 경우 한 줄만 쓸 때 사용함.
while의 경우 '이 조건이 (참 일)~하는 동안' 이라고 생각하면 됨
-do {
실행할 코드
}while(조건);
-do는 디테일하게 짜기 위함. (코드가 다름 do{}while)
-for(초기화; 조건식; 카운터){
실행할 코드;
}
for(cnt = 0; cnt<10; cnt++)
console.log("*");
첫번째 카운트는 1번만 돌기 시작하고, 두 번째 컷이 10번이 실행되면 log에 출력되고, 다음으로 카운트++로 돌아가는 것을 반복하면서 비교함.
하지만, for 조건이 맞지 않으면 동작을 멈춤.
배열데이터
포문에 아무것도 없게 되면 무한반복이 되면서 반복이 끝나지 않음.
for ( ??? )
if(i<fruits.length){
console.log(fruits[i]);
1++;
}
약식으로도 사용이 가능.
for(const item of fruits)
console.log(item);
객체 데이터 일 때.
- 반복문의 강제 중지
* break = 완전 종료
* continue = 일시 정지
-반복문의 중첩 : 반복문 안에 반복문을 끼워넣는 것.
for는 i 행이 먼저 실행되고, 행이 한 번 실행 될 때 j가 10번을 반복함.
반복에 대한 규칙을 찾을 줄 알아야 함.
5. function (함수) / 인풋 -> 아웃풋
1) 함수를 사용하는 이유.
- 재사용성 (유지보수)
- 생산성 / (특정한 부분을 따로 떼어내는 것을 모듈화라고 함.
- 떼어넨 부분을 재사용할 수 있도록 하게 만드는 것을 컴포넌트)
2) 함수 작성 방법.
- function 함수(...) {
코드 - 함수 선언 dclaration
}
- 무명함수(익명함수)
변수 = function() { 코드}
호출할 때는 변수를 통해서 호출하면 됨 - 표현식 (Expression)
변수(;;);
요즘은 코드를 줄이는 것이 트렌트.
- 화살표 함수(array function)
무명식 함수를 좀 더 발전 시킨 유형.
변수 = () => {코드}
*굳이 익명함수에서 줄였는데 숫자 조차도 빼버림.
or 중괄호 사용시.
function 소환(호출)하기 위해서는 함수값에는 항상 이름이 들어가야 함. cpu -> memory -> cpu
-
3) 호출 방식
ex) for -> ( ... ) 실인자.
ex) function -> (... ) 매개 변수
- 인자가 없는 방식
- 인자가 있는 방식
- 반환값이 있는 방식.
return
* 값을 반환(반드시 1개만 리턴 가능)
*함수를 강제로 종료할 때.
/값(함수)이 리턴을 만나게 되면 돌아감.
4) built-in function
팝업창.
별짓기
코딩 8일차! 4. 자바스크립트
6. DOM (The Document Object Model) : 문서객체모델 자바스크립트가 html에 접근할 수 있도록 도와주는 역할. html은 정적인 역할을 하고, css는 꾸며주는 (옷을 입혀주는 역할)을 한다. 자바스크립트는 이 두
gestyou.tistory.com
댓글