JavaScript 속성정리2

finelinefe·2021년 6월 14일

JavaScript

JAVASCRIPT

목록 보기

2/6

대입연산자

+= = 증감
-= = 감산
*= = 곱하기
/= = 나누기
%/ = 나머지

비교연산자

참고

> = ~보다 크다
< = ~보다 작다
== = 동등연산자. 왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환함.
!= = 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환함.
== '문자' = 숫자, 문자가 같다(외형비교시 true, 같다고나옴). 왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환함.
=== '문자' = ~는 문자와 같다. (같고 타입도 같아야함. 두 조건 만족시 true)
!== '문자' = 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환함.

논리연산자

우선순위 : 비교연산자 > 논리연산자

&& = and 조건. 모두 만족해야 참
|| = or 조건. 둘 중 하나라도 만족하면 참
! = not 조건. 부정(부정의 부정은 참. 참의 부정은 부정)

삼항연산자

삼항조건연산자

condition ? exprIfTrue : exprIfFalse = 주어진 조건이 true면 앞의 값, false면 뒤의 값.

if문

prompt(); = 입력창 프롬프트 명령띄움


## 연령별 입장요금 구하기

	<script>

		var age = prompt('나이입력', '실제나이 입력하시오');

		// 초등학생 경로우대
		if (age < 13 || age > 65){
			document.write('2000원');
		} 

		// 중학생 고등학생
		else if (age >= 13 && age < 20) {
			document.write('4000원');
		}

		// 일반요금
		else{
			document.write('6000원');
		}


	</script>
    
## 과목별 평균과 합격여부 구하기
<script>

	// prompt는 문자로 인식되기 때문에 넘버 괄호처리해야 숫자로 인식
	var html = Number(prompt('html 점수입력'));
	var css = Number(prompt('css 점수입력'));
	var js = Number(prompt('js 점수입력'));

	// 펑균 60 미만 불합
	// 평균 60이상 과락 40미만 불합격

	var age = (html+css+js)/3
	console.log(age);

	if (age >= 60){
		if (html < 40){
			 document.write('html 40점미만 불합격');
		} else if(css < 40){
			 document.write('css 40점미만 불합격');
		}else if(js < 40){
			 document.write('js 40점미만 불합격');
		} else{
			document.write('합격');
		}
		} else{
			document.write('블합격');
		}

</script>

switch 문

switch

switch() = 각 개별 조건에 맞게 해당되는 케이스를 찾음
case ~ break = 해당 조건에 맞으면 빠져나옴.
default = 입력값 받을 시 예외처리

for 문

## 구구단 출력
<script>

	var table = '<table>';
	// 단 반복
	for(var i=2; i<=3; i++){
		table += '<tr>';

		// 단수 반복
		for(var j=1; j<=9; j++){
			table += '<td>' + i + '*' +  j + '=' + i*j + '</td>';
			// td, =, 문자형 연결표시
		}

		table += '</tr>';
	}
	table += '</table>';
	document.write(table);

</script>

## 3의배수 구하기
<script>

	// 3의 배수 구하기
	var multiple = '3의 배수는';
		for(var i=1; i<=20; i++){

		if(i%3==0){
			document.write(multiple + i + '<br>');
		}

	}

</script>

continue

continue = 루프문의 다음 코드를 실행.

<script>

## continue를 하지 않으면 1부터 9까지 증가되는 모든 콘솔값이 출력
## continue를 추가하면 if 에서 3의 배수인 값만 출력

		// 3의 배수 구하기
		var sum = 0;
		var num = '3의배수';

		for(var i=1; i<10; i++){
			if(i%3==0){
				// num + i + '<br>';
				document.write(num + i + '<br>');
				continue; //증감연산자로 점프
			}
			sum += 1;
			console.log(num + '제외한 총합 : ' + sum);
		}

</script>

선언적 함수

<script>

	function compute(){
		var x = 100;
		var y = 10;
		var result = x/y;
		console.log(result);
	}

	//함수호출
	compute();

</script>

익명 함수

# 함수에 이름을 붙이지 않는 대신 변수에 함수를 할당해서 변수로 호출가능

<script>

	var compute = function(){
		var x = 0.5;
		var y = 10;
		var result = x*y;
		console.log(result);
	}

	//함수호출. 함수 이름을 붙이거나 함수를 변수에 할당해서 변수를 호출하거나
	compute();

</script>

즉시실행함수

<script>
	// (1) 함수 안에서 함수넣어 즉시 호출
	(function(){
		life();
	})();

	function life(){

		console.log('즉시 실행 함수');
	}


	// 익명함수를 istant 라는 변수 객체에 넣어 함수 호출
	var instant = (function(){
		console.log('즉시 실행 함수2');
	})();
</script>

return

<script>

	function process(){
		var kor =100;
		var eng = 90;
		var avg = (kor + eng)/2
		// console.log(avg);
		return avg;
	}
	console.log(process()); // 리턴된 함수값을 콘솔에 넣어 출력
	// process(); 

</script>

매개변수

매개변수 = 함수 정의시 나열되는 변수
인자 = 함수 호출시 전달될 값(document.write(exampass());<- ex

<script>

	//매개변수는 변수 이름과 불러올 값 안에 입력

	function examPass(name, h, c,j){
		var comment = name + '학생은';

		if(h>=60 && c>=60 && j>=60){

			comment+='전과목 패스입니다 <br>'

		} else{

			if(h<60){
				comment+='html 재시험입니다 <br>'
			}
			if(c<60){
				comment+='css 재시험입니다 <br>'
			}
			if(j<60){
				comment+='js 재시험입니다 <br>'
			}
		}
		return comment;
	}

	//매개변수는 변수 이름과 불러올 값 안에 입력
    // 별개의 값이기에 결과도 해당 개수만큼 나옴
    
	document.write(examPass('홍길동', 80, 90, 100));
	document.write(examPass('홍길사', 50, 90, 100));
	document.write(examPass('홍길사', 90, 50, 100));
	document.write(examPass('홍길사', 90, 90, 50));
</script>