본문 바로가기
Develop/JavaScript & JQuery

자바스크립트 정리

by jaekk 2018. 6. 29.

1. 역사 

 1. 정의

 웹 브라우저 프로그래밍 언어 

 2. 코드 위치

 <head>

     <script>

     </script>

 </head> 

 3. 사용 규칙

 1. 특수문자 _ , $만 사용 가능 

 2. 변수, 인스턴스, 함수, 메서드 이름은 소문자로 시작


2. 자료형

 

 1. 문자열

 2. 숫자

 1. 정수 + 유리수

 2. 자바스크립트 내에서 문자열로 취급될 수 있음

 3. Boolean

 1. true = 1, false = 0 으로 변환 후 연산  

 4. 변수 

 1. 메모리를 찾아가는 주소역할

 

 2. 변수 선언

 var aa; 

    값 할당(초기화)

 aa = 123; 

 할당 후 자료형 확정

 3. 값 할당 후 자료형 확정 => 자료형 확정 후 해당 객체의 메서드 사용 가능

 4. 자료형

 1. 문자

 2. 숫자

 3. Boolean

 4. 함수

 5. 객체(배열)

 6. undefined

 1. 정의하지 않은 자료형

 2. 변수 선언 후
     초기화 하지 않았을 떄
 3. 디버깅-개발자도구

 5. 에러- undefined : 순서 이상

 

 5. 자료형 검사

 1. typeof 

 ※ 중간에 오류나면 코드 실행 x 

  유효성 검사시 넣으면 좋음

   if(typeof(aa) ! = undefined){

    ~~

   } 

 6. 입력

 1. confirm() 함수 

 return : true, false

 2. prompt() 함수

 문자열 반환 

 7. 자료형 변환

 1. 숫자 + 문자열 : 문자열 

 2. 숫자 ( - * % ) 문자열: 숫자

 3. Number(String)

 1. input태그로 받은 value값 문자열

  2. 입력값을 숫자로 변환하여 화면에서 처리할 때

 4. String(다른 자료형)

 5. 에러

 NaN  

  숫자가 아닌 값 입력

 6. Boolean()

 처리할 수 있는 값인지 Check시 사용 

 false값 반환

 이외 값 true 반환

 1. Boolean(0)

 2. Boolean(NaN)

 3. Boolean('')

 4. Boolean(null)

 5. Boolean(undefined)

 8. 일치 연산자

 1. true 반환

 1. '' == false

 2. '' == 0

 3. 0 == false

 4. '273' == 273

 9. 값 체크

 1. NaN 
 2. Number()

 3. Boolean()

 4. undefined


4. 배열 

 

 

 1. 정의

 1. 여러개의 변수를 한꺼번에 다룰 수 있는 자료형  

     ( 변수는 자료형이 정해져있지 않다 -> 다양한 자료형 가능)

 

 2. 객체

 

 

 3. 사용방식

 var array = [1,2,3,4,5]; 

 2. 구성

 인덱스 + 요소 

 

 

 

 

 

 

 






 5. 함수

 함수 표현

 1. 익명함수

 1. 이름 x

 2.var aa = function(){

     alert("aa");

 }

 2. 선언적 함수

 1. 이름 O 

 2. function aa(){

     alert("aa");

 } 

 매개변수

 1. 함수 호출시 괄호 안에 적는것 

 

 2. 자료형 선언하지 않아도 됨

 
   
   


6. 객체

 1. 정의

 1. 속성 + 메서드

 2. 데이터 저장 + 데이터 처리 메서드 

 3. 정보 -> 정보는 데이터의 집합

 2. 생성 방법

 var 객체명 = { 속성: 값, 속성 : 값 ... } 

 2. 객체

 1. 접근 방법 - 키

 1. 객체명[키]
 2. 객체명.키

 2. 속성

 1. 객체 내부에 있는 값 

 2. 올 수 있는 값

 1. 문자열

 2. 숫자

 3. boolean

 4. object(array)

 5. method

 3. 메서드

 객체의 속성 중 자료형이 함수인 속성

 3. for in

 단순 for문으로 객체 속성 알아보기 불가 - for in 사용

 4. 관련 키워드

 1. in

 ('속성' in 객체명) - true, false 반환

 2. with

 객체명 생략, 속성만 명시

 5. 속성 동적 추가/제거

 1. 속성

 객체명.속성 = 값; 

 2. 메서드

 객체명.메서드 = function(){}  

 6. 사용 이유

 1. 데이터 저장 목적 

 1. 객체 전송

 2. 객체 참조
   
   


'Develop > JavaScript & JQuery' 카테고리의 다른 글

CORS  (0) 2023.04.17
자료형  (0) 2018.06.26
함수  (0) 2018.06.26
SELECT BOX(1차)  (0) 2018.06.11
SELECT BOX(2차)  (0) 2018.06.11

댓글