TIL no.13

손병진·2020년 8월 6일
0

TIL

목록 보기
13/22
post-custom-banner

숫자와 문자

숫자

Math.pow(3,2); //9
Math.round(10.6); //11
Math.ceil(10.2); //11
Math.floor(10.6); //10
Math.sqrt(9); //3
Math.random(); //0.1305430866883175
console.log(typeof 1); //number
console.log(typeof '1'); //string

문자

console.log('student's book');
//Uncaught SyntaxError: missing ) after argument list
console.log('student\'s book'); //student's book
console.log('student\n book');
/*student
 book*/
console.log('student '+'book'); //student book
console.log('student'.length); //7

변수

var a = 1;
console.log(a+1); //2
var a = 2;
console.log(a+1); //3
var first = 'coding';
console.log(first + ' everybody'); //coding everybody
var a = 'coding', b = 'everybody';
console.log(a); //coding
console.log(b); //everybody

비교

=

var a = 1; //대입연산자

== & ===

//동등연산자
alert(1==2)             //false
alert(1==1)             //true
alert("one"=="two")     //false 
alert("one"=="one")     //true

//일치연산자
alert(1=='1');              //true
alert(1==='1');             //false

===

alert(null == undefined);       //true
alert(null === undefined);      //false
// null 프로그래머가 의도적으로 값이 없게끔 지정
// undefined 프로그래머가 의도하지 않은 값이 정해지지 않은 상황(=변수 선언만 하는 경우)

alert(true == 1);               //true
alert(true === 1);              //false
// 동등연산자는 숫자 1를 true로 간주한다
// 일치연산자는 아니다(type 다르기 때문에)

alert(true == '1');             //true
alert(true === '1');            //false
 
alert(0 === -0);                //true
alert(NaN === NaN);             //false
//NaN 계산할 수 없는 데이터

부정과 부등호

alert(1!=2);            //true
alert(1!=1);            //false
alert("one"!="two");    //true
alert("one"!="one");    //false

alert(10>20);   //false
alert(10>1);    //true
alert(10>10);   //false

alert(10>=20);      //false
alert(10>=1);       //true
alert(10>=10);      //true

조건문

if

if(true){
    alert('result : true');
}// 'result : true'
if(false){
    alert('result : true');
}// x

if(true){
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);
// 12345
if(false){
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);
// 5

else

if(true){
    alert(1);
} else {
    alert(2);
}
// 1
if(false){
    alert(1);
} else {
    alert(2);
}
// 2

조건문 응용

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <script>
        id = prompt('아이디를 입력해주세요.');
        if(id=='egoing'){
            password = prompt('비밀번호를 입력해주세요.');
            if(password==='111111'){
                alert('인증 했습니다.');
            } else {
                alert('인증에 실패 했습니다.');
            }
        } else {
            alert('인증에 실패 했습니다.');
        }
    </script>
</body>
</html>

논리연산자

if(true && true){
    alert(1);
}// &&는 좌항과 우항이 모두 참(true)일 때 참이된다
if(true || false){
    alert(1);
}// 좌우항 중에 하나라도 true라면 true가 되는 논리 연산자다
if(!false && !false){
    alert(1);
}// 부정의 의미로, Boolean의 값을 역전시킨다
if(0){
    alert(1)
}
if(1){
    alert(2)
}// 관습적인 이유로 0는 false 0이 아닌 값은 true로 간주된다

반복문

while

  • while (조건){
    반복해서 실행할 코드
    }
while(true){
    document.write('coding everybody <br />');
}

for

  • for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
    반복해서 실행될 코드
    }
for(var i = 0; i < 10; i++){
    document.write('coding everybody'+i+'<br />');
}

break

for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    document.write('coding everybody'+i+'<br />');
}// 0234 출력

continue

for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
    document.write('coding everybody'+i+'<br />');
}// 01234 6789 출력

함수

정의

  • function 함수명( [인자...[,인자]] ){
    코드
    return 반환값
    }
function numbering(){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering();// 0123456879

return

function get_member1(){
    return 'egoing';
}
alert(get_member1());// egoing

인자

function get_argument(arg){
    return arg;
}
alert(get_argument(1));// 1
alert(get_argument(2));// 2

function get_arguments(arg1, arg2){
    return arg1 + arg2
}
alert(get_arguments(10, 20));// 30
alert(get_arguments(20, 30));// 50

또다른 정의하는 방법

var numbering = function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering();//0123456879
profile
https://castie.tistory.com
post-custom-banner

0개의 댓글