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
- grid-template-areas
- grid-column-start
- mongodb
- javascript
- grid-row-start
- className
- grid-column-end
- var
- valuable
- react-hook-form
- foreach()
- border-style
- python #qqplot #qq-plot #code
- variables
- createElement
- collapsing-margins
- confirm()
- prompt()
- javascipt
- gird-row-end
- Grid
- css#cascading#display#block#inline
- package.json
- relative
- React
- localStorage
- box-shadow
- CSS
- classList
- scope
Archives
- Today
- Total
data life
JS - 데이터 타입 본문
데이터 타입
- 원시 타입
- Number
- String
- Boolean
- null
- undefined
- symbol
- 객체 타입
- object
1. Number(숫자)
- 모든 숫자를 실수로 처리함
- 각종 연산 가능 (+
, -
, *
, /
, %
)
2. String (문자열)
- 문자열 길이와 상관없음
- ' ' & " " &` `
- 한 번 정의한 문자열은 변하지 않음
var str = 'hello';
str[0] = 'H';
console.log(str); //hello
2-1. 문자열+ 문자열
var str1= "hi";
var str2 = " nice to meet you";
var result = str1 + str2;
console.log(result); //"hi nice to meet you"
2-2. 인덱스(index)
- 문자열 값의 위치를 나타냄
- 항상 0부터 시작함
var str = "안녕하세요";
console.log(str[0]); //"안"
console.log(str[3]); //"세"
3. Boolean(논리유형)
true
: ON
false
: OFF
0 -0 null NaN undefined ""(빈 문자열)
var b = true;
console.log(typeof b); //boolean
4. null
비어있는 값
null
타입 확인은 typeof
연산자가 아닌 (===
)일치 연산자 사용
var tmp = null;
console.log(typeof tmp === null); //flase "object"로 인식
console.log(tmp === null); //true
5. Undefined
변수를 만들고 그 값을 할당하지 않은 변수
or
존재하지 않는 객체 property에 접근할 경우
var tmp;
console.log(typeof tmp); //undefined
console.log(tmp); //undefined
6. Symbol
내부 이름 충돌이 없고 추가 property를 만들 수 있는 고유의 값을 만들어 냄
Object(객체)
1. 속성(key:value)
let user = { //object
name: "John", //key: "name", value:"John"
age: 30 //key: "age", value: 30
};
- 속성 키는 문자열 또는 기호(일반적으로 문자열)여야 한다.
- 값은 모든 유형이 될 수 있다.
2. 속성 값에 액세스하는 방법
- 점 표기법:
obj.property
- 대괄호 표기법 :
obj["property"]
3. 추가 연산자
- 속성 삭제:
delete obj.prop
- 주어진 키를 가진 속성이 존재여부 확인 :
"key" in obj
let user = {name: "John", age: 30 };
alert( "age" in user ); //true
alert( "address" in user ); //false
- 객체 반복 :
for (let key in obj) loop
let codes = {
"49": "Germany",
"41": "Switzerland",
"44": "Great Britain",
"1": "USA"
};
for (let code in codes) {
alert(code); //1, 41, 44, 49 (오름차순 정렬)
}
이 외 다른 종류의 객체
Array
정렬된 데이터 컬렉션을 저장Date
날짜와 시간에 대한 정보를 저장Error
오류에 대한 정보를 저장
다음 글에 포스팅할 예정!
'Front-end > JavaScript' 카테고리의 다른 글
Js - Basics, Document (0) | 2022.10.28 |
---|---|
JS - 조건문 (0) | 2022.10.27 |
JS - 입력함수, 데이터 타입 변환 (0) | 2022.10.27 |
JS - Function(함수) (0) | 2022.10.27 |
JS - variables(변수) (0) | 2022.10.26 |