자바스크립트 들어가기1

심민기·2022년 4월 8일
0

자바스크립트

목록 보기
1/11
post-thumbnail

alert();경고창
console.log(6/2); 출력
Math.pow(3,2); - 9 Math 객체 이용. 제곱.
Math.round(10.6); -11 반올림
Math.ceil(10.2); - 11 가까운 위의 정수로.(천장)
Math.floor(10.2); - 10 가까운 아래 정수로.(바닥)
Math.sqrt(9) - 3 제곱근.
Math.random(); - 랜덤값

문자

문자를 쓸때는 ""이거나 ''으로 감싸야하고 세트가 안맞으면 오류 근데 만약 '''같이 문장 사이에 따옴표가 있다면?? alert('아이\'스크림') \를 써서 처리를 해야함. 역슬래쉬 바로 다음 문자는 정보로만 처리. 이러한 것을 일컬어 escape, 탈출이라고 한다.

typeof를 쓰면 정보의 타입을 알 수 있다.
typeof 1 - 'number' 숫자
typeof"1"-'string' 문자열로(자바스크립트에서는 문자가 아니라 여러 문자들이 이루어진 문자열로 모든 문자를 파악함.)

alert('달리기는\n 즐겁다'); -- 줄바꿈
alert('달리기는'+'즐겁다'); -- 문자 결합
alert('달리기는'+' '+'즐겁다'); -- 띄어쓰기 추가.

"길이는?".length -- 4-- 길이를 알려줌.
index of-- 위치를 파악
"사전에는".indexOf("사"); --0
"사전에는".indexOf("에"); --2

  • 변수(variable) Var 값을 저장.

    var a= 1;
  • //주석 ,comment /* 여러줄. */
  • ; (세미콜론) 명령이 끝났다는 것을 명시적으로 표현하는 코드. 그치만 자바스크립트는 줄바꿈을 하면 명령이 끝났다고 인지하므로 줄바꿈이 있다면 없어도 실행된다.
  • 비교
  • 대입 연산자 = a=1 우항 값 1을 좌항a에게 대입.
  • 동등 연산자 == 좌항 우항 비교해서 같으면 참, 다르면 거짓.
  • 일치 연산자 === 좌항, 우항이 '정확'하게 같을때 참.
  • 1=='1' - 참 1==='1' - 거짓. 정보가 같고 데이터의 형식까지 같아야만 일치가 된다. 동등 보다 일치를 쓰는게 더 좋다.(정확성.)
  • null은 값이 없다는 뜻
    alert(undefined == null); -참 콘솔에서 값이 없다는 말은 undefined로 이는 null과 동등하지만.
    alert(undefined === null); - 거짓
    undefined는 의도하지 않은 없음이고 null은 의도된 빈값이므로 둘은 서로 일치 하지 않는다.
  • true ==1; --참 true ===1; --거짓
    true =='1';--참 true ==='1'; == 거짓
    0=== -0 --참 NaN === NaN -- 거짓
    (Nan자체는 계산 불가 라는 뜻이라 거짓.)

    https://dorey.github.io/JavaScript-Equality-Table/

  • != 부정 1!=2 --참 1!=1 -- 거짓 !== 정확하게같지 않다 (===와 같은 활용)
  • 부등호 >< >= <=

  • 조건문 if, else ``` if(true){alert(1)} else{alert(2)} ```
  • else if로 조건문 보강
    if(true){alert(1)}
    else if(false){alert(2)}
  • *prompt 입력창. 경고창 대신 입력창이 띄어서 여기에 사용자가 입력을 할 수가 있다. prompt('나이는?'); --- 입력창이 뜨고 여기에 20을 입력하면. '20'으로 출력된다.
  • alert(prompt('나이는?'));이라고 치면 먼저 입력창이 뜨고 20을 입력하면 이후 경고창에 20이 입력된 채 나온다.
  • prompt와 if를 써서 간단한 로그인창 구현-- id= prompt('아이디 입력')
       if(id == 'mingi'){
       alert('일치')
       } else{
       alert('불일치')
       }
  • 이제 비밀번호를 추가한 이중 조건문으로 구현
      var id= prompt('아이디 입력')
         if(id == 'mingi'){
           var password = prompt('비밀번호')
           if(password == '1111')
           {
             alert('로그인 성공')
           }else{
             alert('비밀번호가 다릅니다.')
           }
         }else{
           alert('불일치')
         }  

    논리 연산자 &&(and) 조건문을 간결하게 구성하도록 도와줌.

    if(true && false){} --거짓.

    var id= prompt('아이디 입력')
        var password = prompt('비밀번호')
    if(id == 'mingi'&& password == '1111')
         {
           alert('로그인 성공')
         }else{
           alert('비밀번호가 다릅니다.')
         }  
  • ||(or)연산자. 좌우항 중 하나라도 참이면 참이 된다.
  • ! not 연산자. boolean값을 역전 시킨다 !true === false ---참
  • false로 간주되는 데이터형. ''--빈문자열 , undefined,null,NaN --값이 미할당.

profile
왕초보

0개의 댓글

관련 채용 정보