자료형
- const : 재할당 불가능
- var : 예전 js에서 사용하던 변수
- let : Es6부터 사용 가능한 변수
- null : 직접 할당할 수 있다, 객체가 아니다
대화상자
- alert("내용") : 경고창을 띄움
- prompt("내용") : 알림창에서 누른 버튼에 따라 결과값 반환
- confirm("내용") : 알림창을 통해 값을 받아들인다
형변환
-
자동 형변환 : 숫자형이 아닌 문자라도 연산자를 넣으면 자동으로 숫자형으로 변해 값을 도출한다.
-
명시적 형변환 : 의도를 가지고 원하는 타입으로 변환하는것
- String() : 괄호안의 타입을 문자열로 바꿔준다.
- Number() : 괄호안의 타입을 숫자로 바꿔준다, true나 false를 하면 1과 0으로 표현한다, 괄호 안에 "문자"를 하면 NaN이 반환된다, null을 넣으면 0이 반환된다, undefined를 넣으면 NaN이 반환된다.
- Boolean() : 괄호안의 자료형을 불린형으로 변환한다, 모두 true를 반환하지만 false로 반환하는것은 숫자0, 빈문자열'', null, undefined, NaN
연산자
- +, -, *, /, %, **(제곱)
- 우선순위는 곱셈과 나눗셈이 먼저
- 증가연산자
++, -- 앞에 적으면 증가를 시키고 반환, 뒤에 적으면 반환 뒤 증가. - 비교연산자
조건문 <,>,<=,>=,==,!=(아니다),===(변수타입까지 같아야함) - 논리연산자
||(or)여러개중 하나라도 true면 true
&&(and) 모든 값이 true일때만 true
!(not) true와 false를 바꿔 출력한다.
조건문
- if(조건){반환문}; if else(조건){반환문}; else(조건){반환문} : 만약 조건이 충족하면 반환을 실행하라
- switch(평가){case A: A일때 코드; break; case B : B일때 코드; break;}
반복문
- for(초기값, 조건, 코드 실행후 작업){반복할 코드}
조건이 충족되는 동안 반복해라 - while(조건){코드}
조건이 충족하는 동안 코드를 실행하라
break : 이 글자를 만나자 마자 while문에서 빠져
continue : 계속해라 - do{코드}while(조건)
적어도 한번을 실행하라
함수
- function 함수명 (매개변수){
코드${매개변수}} - 함수 호출시 변수값에 할당하지 않으면 매개변수의 디폴트(기본값, 지시대로 이행할 수 없을 때) 값이 출력된다.
- 함수는 한번에 한작업만 하는게 좋다.
- 네이밍이 중요하다(백틱 : ~아래 있는것으로 '와다른 `다.)
선언
ex let a = function(){console.log('ddd');} 함수표현식
ex function a(){console.log('ddd');} 함수선언문
ex let a = () => {코드} 화살표 함수
- 함수선언문은 어디서든 호출이 가능하다.
- 호출문을 함수보다 먼저 써도 호출되어 반환된다.
- 함수표현식은 함수보다 호출함수를 아래 써야한다.
- 그래서 함수 선언문을 쓰는것이 더 좋다.
- 화살표 함수를 활발히 사용하는 추세다.
객체
- 변수선언 변수명 = {키 : 값, 키: 값}
- 접근 : 변수명.키 또는 변수명['키']
- 추가 : 변수명.키='값'; 또는 변수명['키'] = '값';
- 삭제 : delete 변수명.키;
- 변수선언을 해주고 값에 변수명을 넣어 변수를 밖에서 바꿔줄 수 있다.
- '키' in 변수명 으로 값의 존재를 확인할 수 있다.
배열
- 변수타입 변수명 = ['요소0', '요소1','요소2'];
- 배열명.length 배열의 길이, 요소의 개수 구하기
- 배열명.push('요소') 배열 맨 끝에 괄호안 요소 추가
- 배열명.pop('요소') 배열끝 요소 제거
- 배열명.unshift('요소') 배열 맨앞 요소 추가
- 배열명.shift('요소') 배열 맨앞 요소 제거
🐥개발자