TIL01-JavaScript- variable, data types( Number, String)

이정아·2021년 7월 25일
0

JavaScript

목록 보기
1/8
post-thumbnail

1. console.log()

-괄호 안의 메시지를 콘솔창에 출력하는 명령어

                   
console.log(100)    -> 100   
console.log('js')   -> js


//여러 개의 값도 동시 출력 가능
console.log('js', 5, true)   -> js 5 true


2. variable 변수

-변수는 데이터를 담을 수 있는 저장공간을 의미한다.

-변수이름은 대소문자를 구분하며 보통 camelCase 방식으로 표현한다.

-변수 선언 방법


let 변수이름 = 변수값

ex)
let myAge = 25 
console.log(myAge)   -> 25


let myAge //값 없이 변수 선언
myAge = 25 //선언 후 대입
console.log(myAge)  ->25


주석 처리 방법
// 한 줄 주석처리

/*
여러 
줄
주석처리
*/






3. data types

기본 타입(Primitive type)

  • Number - 숫자형, 연산 가능

  • String - 문자열, " "/' ' 로 감싸져있다.
    (숫자가 들어가는 경우에도 수가 아닌 문자열이다. )

  • Boolean - true/false 참, 거짓으로 이뤄진 데이터타입

  • Undefined - 변수를 선언하고 값을 할당하지 않은 상태

  • Null - 변수를 선언하고 빈 값(null)을 할당한 상태

참조 타입(Reference type)

  • Object - 객체 { } 중괄호 사용, key와 value 형태

  • Array - 배열[ ] 대괄호 사용, 여러 데이터 타입이 요소로 들어갈 수 있다.

  • Function - 함수


Number

  • Number 타입은 연산이 가능하다.
    (+)더하기 , (-)빼기, (*)곱하기, (/)나누기, (%)나머지
console.log(5+8)  -> 13

let a = 10
let b = 3
console.log(a*b)  -> 30
console.log(a%b)  -> 1

String

  • 문자열, " "/' ' 로 감싸져있다.

  • 문자열 합치기

console.log('java'+'script')  -> javascript
console.log('java'+' '+'script')  -> java script 
//중간에 ' ' 로 띄어쓰기 가능

let a = 'java'
let b = 'script'
console.log(a+b)  -> javascript
console.log(a+' '+b)  -> java script
  • 문자열+숫자
console.log('html'+5)  -> html5
//5는 숫자가 아닌 문자열로 바뀐다.


console.log('html', 5)  -> html 5
//이 경우는 연산이 아니기에 5는 숫자다.
  • 문자열의 총 길이 구하기 .length
'문 자 열'.length  ->  5
//길이에 띄어쓰기도 포함된다.

let 변수이름 = 'adkfjoeijadkfjlk'
변수이름.length  -> 16

Undefined&Null

  • Undefined&null는 '값이 없다'란 점이 비슷하지만 엄연히 다르다.

  • Undefined

let a
// a라는 변수를 선언했지만 값이 없는 상태
  • Null
let b = null
//변수를 선언하고 null(빈 값)이라는 값이 할당된 상태
  • 데이터 타입 확인(typeof), 동등연산(==), 일치연산(===)을 통해서 구분해보기
let a
let b =null
let c = 5

console.log(typeof a)  // undefined
console.log(typeof b)  // object
console.log(typeof c)  // number

console.log(a==b)   //true
console.log(a===b)  //false
// 동등연산(==)은 값이 같을 경우 true
// 일치연산(===)은 값과 데이터 타입이 모두 일치할 경우 true가 나온다.

0개의 댓글

관련 채용 정보