JavaScript에 대하여 - 기본개념 정리

유니·2021년 12월 4일
0

Javascript를 src로 연결하여
내부스크립트와 연결해도 선언된다.

그러므로 서로 다른 스크립트끼리 변수명이 겹치면안된다 = 함수를 애용해야함.

Object(객체) = 원시 자료형
Symbol(심볼) = 고유한 식별자
Typeof = 인수의 자료형 반환.

숫자형
Biting - 길이제약x
문자형
boolean형
Null : null / 알수없는값 - 오브젝트x null === null
Undefined : undefined값만을 위한 독립 자료형 = 할당되지않은값

Alert - 메시지 출력
Prompt - 텍스트 입력 창 출력
Confirm - 확인 혹은 취소 버튼

형 변환

문자형 - String()
숫자형 - Number() 숫자 의외의것을 입력시 NaN출력(Not a Number)
불린형 - Boolean() 숫자 0 : false / 빈 문자열(“” 한정) : false / undefined / null

피 연산자 : 연산자가 연산을 수행하는 대상 = 5 2 의 경우 5 : 왼쪽피연산자 , 2 : 오른쪽 피 연산자
연산자 : +, -,
, /(나눗셈), %(나머지), **(거듭제곱)
+연산자는 숫자와 문자열이 더해질경우 문자열로써 변환. 2 + ‘1’ = ’21’ , 2 + 2 + ‘1’ = 4 + ‘1’ = ’41’
나머지 연산자는 숫자로 바뀌어 연산된다. 4 - ‘2’ = 2 , ‘6’ / ‘2’ = 3
문자열 앞에 +를 넣어주면 숫자형으로 변환 이를 이항 덧셈 연산자라고 함
Let a = ‘234’, let b = ‘234’ / a+b = ‘234234’ / +a + +b = 468

할당 연산자 체인 let a = b = c = 5; / a=5, b=5, c=5
복합 할당 연산자는 같은변수에 무언가를 연산할때 사용
+=, -=, *=, /=, …
증감연산자는 숫자를 하나 늘리거나 줄이거나 할때 사용
++1 = 2 , 1++ = 1 (그러나 다시 출력시 2, 즉 ++가 피연산자 뒤에 올 경우 피연산자의 연산이 끝난 후 1을 더해줌)
비트연산자는 비트단위에서 연산할때 사용한다. AND, OR, XOR, NOT, LEFT SHIFT(<<), RIGHT SHIFT(>>),ZERO-FILL RIGHT SHIFT(>>>)

문자열 비교 : JS는 사전순으로 문자열을 비교한다. 첫 문자열이 같을경우 두번째 문자열을 사전순으로 비교한다.
‘Z’ > ‘A’ = true , Glow > Glee = true, ‘aaaaaaAaaa’ > ‘Z’ = false

If () {}; ()안의 값이 true일 경우 {}안의 값을 실행
Else if() {} if문의 ()안의 값이 true가 아닐경우 다시 조건을 걸어줄때 사용
Else {} if, else if 가 true가 아닐경우 실행

조건부 연산자 ? 는 ( 조건 ) ? 참일경우 : 거짓일경우 / 10 > 8 ? console.log(‘true’) : console.log(‘false’) // true
이를 이용해 ?를 다중으로 하여 복수의 조건을 걸 수도 있음.
||연산은 피연산자중 하나라도 true이면 true
&&연산은 피연사중 하나라도 false이면 false
&&연산이 여러개이고 피 연산자 역시 여러개일 경우 첫 falsy값을 찾음
&&연산자가 ||연산자보다 우선순위가 높음 둘이 같이 사용시 &&연산 먼저 연산
!는 부정 연산 !ture = false, !false= true
!!를 사용할 경우 값을 불린형으로 변환할 수 있다. 또한 !하나일때보다 더 정확하다.(NaN과 undefined와 같은경우들)
Null 병합 연산자 ?? 는 왼쪽 피 연산자가 null혹은 undefined일경우 오른쪽 피연산자의 값을 줌
Let height; height = height ?? 200; console.log(height); // 200

while(){ } ()안의 값이 false일때까지 반복
Do{}while()은 while문과 동작은 같으나 무조건 한번은 실행한다.
for(){} ()안에 조건을 넣어주어 false일때까지 반복. For of, for in 같은 조건문도 존재
Break : 자신을 감싸고 있는 하나의 블록{}을 탈출
continue : 다음 반복문으로 패스
Switch () case: ()안의 값을 case에서 찾아 실행.
switch(3){
case 1: console.log(1);
case 2: console.log(2);
case 3: console.log(3);
} //3

Function name(param, […param[){ … return …; } name(args, […args])
함수는 인자를 파라미터에 받아와 함수 내부에서 연산 등을 한다. 함수는 중복하여 호출할 수 있기 때문에 주요 구성요소중 하나다.
함수는 위와같이 선언식으로도 사용할 수 있고 표현식으로도 할수있고 화살표함수로도할수있고 다양한방식으로 선언할수있다.
단 표현식과 화살표함수와같은 경우 호이스팅이 안된다.
화살표 함수는 간단하게 한줄로 표현 할 경우 중괄호를 생략할 수 도 있다.
Let sum2 = (a, b) => a + b; == let sum2 = (a, b) => {return a+b;};

profile
Prospective Junior Front-end Developer

0개의 댓글