본문 바로가기
바닐라코딩 사전학습/JS

JS의 요소들

by 꼬마보노 2021. 12. 24.

Variables

Identifiers는 숫자, 알파벳, $, _ 가 사용될 수 있으나 숫자로 시작해서는 안된다. 또한 예약어는 Identifiers가 될 수 없다.
var one = 1;은

var one;
one = 1;

을 하나로 합친 코드이다.
따라서 var one=1; 이라는 코드는 one이라는 변수를 만든 후에 1을 one에 대입하는 코드이다.


Boolean

Boolean은 True와 False 두가지 값만 가진다.



console.log란?
자바스크립트 console.log인수로 설정한 값을 디버거 콘솔에 표시하는 함수. 디버깅 시 강력하게 사용가능



null & undefined

undefined
"정의되지 않음" 을 뜻한다. 어떤 변수를 만들고 그 값을 정의해주지 않았을 때 사용. 값이 대입되지 않은 상태

var k;
console.log(k); // undefined

 

null은 의도적으로 값이 없음을 표현할 때 대입한다.

var obj;
obj = null;


Numbers

typeof 연산자 : 어떤 종류의 값인지를 판별할 때 사용됨.
var a = typeof 3; <-- 변수 a에 담기는 값은 "number"라는 문자열(string)임.

String(문자열)

공백 " "도 문자로 치기 때문에 "abc"와 "abc "는 다른 문자열이다.
문자열 종류의 값들은 인덱스(위치, 순서) 정보를 이용할 수 있다. 인덱스는 항상 0부터 시작한다. 예를 들어, "abc"의 문자열에서 0번째 인덱스에는 a, 1번째 인덱스에는 b가 있다.

Logical operators

JS에는 세가지 논리 연산자가 있다. 

!(not)

  1. 피연산자를 true나 false인 boolean 타입으로 변환함.
  2. 피연산자의 값을 바꿔서 리턴함.  ** !! not을 두 번 쓰면 boolean 타입으로 값을 변환하려고 사용한다. 

||(or)

  1. || 는 true, flase가 아닌 피연산자값이 반환된다. 
  2. 연산자를 기준으로 왼쪽부터 Truthy 값을 찾는다.
  3. Truthy값을 찾은 경우 연산을 중지하고 해당 값을 반환.
  4. 마지막까지 Truthy값을 찾지 못 한 경우, 마지막에 위치한 값을 반환.

&&(and)

  1. &&도 피연산자값이 반환. 
  2. 연산자를 기준으로 왼쪽부터 Falsy값을 찾는다.
  3. Falsy값을 찾은 경우 연산을 중지하고 해당값을 반환.
  4. 마지막까지 flasy값을 찾지 못 한 경우, 마지막에 위치한 값을 반환.

'바닐라코딩 사전학습 > JS' 카테고리의 다른 글

appendChild()와 node참조  (0) 2021.12.24
Callback함수  (0) 2021.12.24
Function / Arrays / Object  (0) 2021.12.24
Falsy/Truhty, ==/===  (0) 2021.12.24
input.onkeydown의 동작  (0) 2021.12.24