script 태그 안에 작성
: html 문서 내 head 태그 내, 필요시 body 태그 내 특정 위치에 사용
.js 파일 따로 두기
<script src="script.js"></script>
console 사용하기
웹 페이지 내 개발자 창에서 console 창을 열어 사용하기
document.querySelector("선택자").innerHTML = "내용";
type of ~
자료형 확인하기
typeof " Hello ";
// " string "
string
: 문자열
number
: 숫자
let
: 변수마다 선언은 한 번, 값은 이후 변경 가능
const
++, -- : 1씩 증가 / 감소 연산자
+=, -=, *=, /=, %= : 각각의 연산을 수행하여 대입
boolean
: 참 / 거짓 ( true / false )
!
: 부정연산자
==, ===
: 동등, 일치 연산자
동등 연산자는 같은 타입으로 바꿔서 비교
일치 연산자는 타입도 같은지 비교
!=, !==
: 부정 연산자, 불일치 연산자
, >=, <, <=
: 비교 연산자
&&
: and 연산자
둘 다 true 일 때 true 반환
둘 중 하나만 false 여도 false 반환
||
: or 연산자
둘 중 하나만 true 이면 true 반환
둘 다 false 일 때 false 반환
if(ture){ console.log('true 입니다.'); }
소괄호 안의 조건이 true 일 때 중괄호의 내용 실행.
else
if 문에서 조건이 true가 아닐 때 실행
else if
if 조건이 아닐때 다른 조건 실행
(조건) ? (참이면 실행) : (거짓이면 실행);
let array = [ 1, 2, 3, 4, 5 ];
여러가지 자료형을 배열에 담을 수 있다.
array.length
: 배열의 크기 반환
array.indexOf(2);
: 특정 값이 배열의 몇번째에 있는지 위치 반환 (0 번째 부터 시작)
array[2] = '이순신';
: 배열의 특정된 위치에 있는 내용을 변경.
array.push('김유신');
: 배열에 요소 삽입.
array.concat([2,3,4]);
array.concat(otherArray);
: 배열에 배열 이어 붙이기.
array.splice(#, n);
: #번째 위치 부터 n개 요소 자르기