자바스크립트 기타 활용

(2017-06-24)

자바스크립트 정규표현식

1. 자바스크립트 수치 다루기

  ㅇ 수치 변환
     - parseInt();      // 문자열을 정수 변환
        . parseInt(num,base);  // base로 지정된 진법으로 정수 변환
     - parseFloat();    // 소수점,지수 표현까지 포함한 문자열을 수치 변환
     - Number();        // 수치 변환

  ㅇ 정수 근사 변환
     - ceil();          // 천장 함수
     - floor();         // 마루 함수
     - round();         // 반올림
     - toFixed();       // 소수점 이하 지정된 자릿수로 반올림
     - toPrecision();   // 수치 전체를 지정된 자리수가 되도록 반올림

  ㅇ 정수 진법 변환
     - toString();      // 지정한 기수법(2부터 36까지 가능)으로 변환

  ㅇ 기타 기초
     - abs();           // 절대값
     - min(num1,num2);  // num1,num2 중 적은 값
     - max(num1,num2);  // num1,num2 중 큰 값
     - pow(base,p);     // 거듭제곱(basep)
     - random();        // 0~1 사이의 난수를 반환
     - isNaN();         // 수치인지 아닌지 판단


2. 자바스크립트 연산자

  ㅇ 할당 연산자(assignment operator)
     - `=`
  
  ㅇ 비교 연산자
     - (느슨한 비교) : `==`, `!=`, `>`, `<`, `>=`, `<=`
     - (엄격한 비교) : `===` , `!==` 


3. 자바스크립트 정규표현식정규표현식 참조

  ㅇ 2개의 슬래시(/) 사이에 문자열 패턴 식(정규표현식)을 줌
     - 例) var testRegExp = /(\.\w{3,4}$)/;
        . 마침표(.)가 있고, 그 뒤에 3 혹은 4개의 문자(w{3,4})가 연속하는 서브 패턴()을,
          문자열 끝($)에서 찾음

  ㅇ Sting 클래스메서드 
     - search()  : 일치한 패턴의 위치(인덱스)를 반환
     - match()   : 일치한 패턴문자열을 배열로 반환 
     - split()   : 일치한 문자열들을 분할시켜 배열화
     - replace(정규표현식 또는 바뀔 문자열, 바꿀 문자열)
        . 일치한 문자열을 지정한 문자열로 치환

  ㅇ RegExp 클래스메서드
     - exec()    : 일치한 문자열 1개를 배열로 반환, 못하면 null 반환
     - test()    : 일치하면 true, 못하면 false 반환


4. 자바스크립트 배열 다루기

  ※ ☞ 자바스크립트 배열 참조


5. 자바스크립트이미지 다루기이미지 미리읽기 (image preloading)
     - 해당 이미지 요소의 src 속성을 설정함
  ㅇ 이미지 교체하기 (image rollover)
     - 해당 이미지 요소의 src 속성을 바꿔줌
  ㅇ 슬라이드쇼
  ㅇ 이미지 갤러리 등


6. 기타CSS 선택자 지원
     - querySelector()
     - querySelectorAll()

  ㅇ 주석
     - `//`, `/* */`


[JS 활용]1. JS 문자열 활용  2. JS BOM 활용  3. JS 활용 (기타)  

 
        최근수정     모바일웹     참고문헌