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 |
댓글