Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- React-Three-Fiber
- codingtest
- 코딩문제
- 코딩
- threejs
- reduce함수
- 코딩공부
- map함수
- 웹팩
- 프레임워크
- 배열뒤집기
- 프로그래머스
- Programmers
- 머쓱이
- 코딩입문
- Javascript
- 코딩테스트
- 운동
- 자바스크립트
- 리엑트
- 오름차순
- react
- MPA
- 자바스크립
- 코딩연습
- axios
- for문
- 헬스
- CSS
- 반복문
Archives
- Today
- Total
SG의 개발 공부로그
[JavaScript] 자바스크립트 데이터 타입의 종류 본문
728x90
데이터 타입의 종류
음식에도 종류가 있듯이 데이터타입도 종류가 있다.
데이터 타입에는 8가지가 있다.
문자열 데이터 타입
let str1 = "hello world";
let str2 = "nice to meet you";
let str3 ="20"; // 숫자가 아닌 문자열이다.
큰 따옴표 또는 작은따옴표 안에 작성된 데이터
let str1 = "hello world'; //혼용불가
let str2 = 'nice" to meet you"; //혼용불가
문자열 주의 사항은 큰 따옴표와 작은 따옴표 혼용이 불가하다.
숫자형 데이터 타입
let num1 = 10; //정수
let num2 = -10; //음수
let num3 = 3.14; //실수
별도의 기호 없이 숫자를 입력한 상태의 데이터
함수 데이터 타입
let func1 = function(){
console.log("안녕")
}
//함수 생성
func1(); //함수호출
function 키워드를 사용하여 생성한 데이터
여기서 함수호출이란 함수 안에 있는 코드를 실행시키겠다는 뜻이다.
배열 데이터 타입
let fruit = ["사과", "배", "바나나", "딸기"]
console.log(fruit) // 데이터 값 확인
비슷한 성격을 가지고 있는 데이터를 하나의 변수 안에서 관리 할때 쓰인다.
사과, 배, 바나나, 딸기 4가지의 요소를 가지고 있는 변수이다.
배열은 좌표값(index) 가 있다.
0번째부터 시작하기 때문에 첫 번째 순서인 사과는 index 값이 0이다.
fruit[0] = "파인애플"
변수[] 대괄호에 index를 사용하여 접근하여서 0번째의 사과를 파인애플로 데이터를 변경한 것이다.
객체 데이터 타입
let peple ={
name : "seon geon",
age : "32"
skills : ["HTML","CSS","JAVASCRIPT","REACT"],
sum : function (num1, num2) { return num1 + num2 }
}
프로퍼티, 메서드, 데이터로 구성되어 있다.
객체는 키(key)와 값(value)으로 구성돼있는 프로퍼티(property)들의 집합이다.
프로퍼티 값이 함수일 경우에는 일반 함수와 구분하기 위해서 메서드라고 부른다.
객체 데이터를 출력하기
console.log(student.name); 객체명.프로퍼티명
console.log(student["name"]; //객체명 ["프로퍼티명"]
undefined, null
let unde;
let empty = null
undefined = 변수는 생성했지만 데이터를 아무것도 입력하지 않은 상태이다. (데이터가 없음)
null = 개발자가 임의로 변수 안에 빈 데이터를 넣은 상태이다. (빈데이터 지정)
둘 다 데이터가 없는 것은 맞지만 차이점이 있다.
데이터가 정의된 적이 없는 것 과 비어있다는 데이터를 지정한 것.
Boolean
let t = true;
let f = false;
참 또는 거짓 데이터가 들어가 있는 상태이다.
728x90
'JavaScript' 카테고리의 다른 글
[javascript] 자바스크립트 객체란 (2) | 2023.02.14 |
---|---|
[JavaScript] 자바스크립트 의 변수 (0) | 2023.02.01 |
자바스크립트 는 무엇인가? HTML, CSS, JavaScript (0) | 2023.02.01 |
Local Storage , Session Storage란 무엇인가? 차이점과 사용방법 (0) | 2023.01.28 |
Ajax와 Fetch와 Axios 차이점 비교해보기 (0) | 2023.01.11 |