01. 변수 : 데이터 저장소
자바스크립트(JavaScript)에서 변수는 데이터를 저장하는 저장소입니다. 변수는 프로그램에서 값을 저장하고 참조하기 위한 이름이 지정된 메모리 공간입니다. 변수를 사용하면 데이터를 보다 효율적으로 다룰 수 있으며, 계산 결과를 보관하거나 값을 유지하기 위해 사용됩니다.
{
var x = 100; // 변수 x에 숫자 100을 저장한 것
var y = 200; // 변수 y에 숫자 200을 저장한 것
var z = "javascript"; // 변수 z에 숫자 javascript을 저장한 것
console.log(x);
console.log(y);
console.log(z);
}
var: 오래된 변수 선언 방식으로, 최근에는 잘 사용하지 않습니다.
var는 기존 함수에 재할당이 가능합니다.
결과 확인하기
200
javascript
02. 변수: 데이터 저장소 + 데이터 변경
자바스크립트(JavaScript)에서 변수는 데이터를 변경하는 것이 가능합니다. 본래 데이터는 변경된 데이터로 교체되며, 형태를 유지하지 않습니다. 객체 혹은 배열에서 데이터를 변경하는 것 또한 가능합니다.
{
let x = 100; // 변수 x에 숫자 100을 저장.
let y = 200; // 변수 y에 숫자 200을 저장.
let z = "javascript"; // 변수 z에 문자 javascript 저장
x = 300; // 변수 x의 값을 숫자 300으로 변경.
y = 400; // 변수 y의 값을 숫자 400으로 변경.
z = "jquery"; // 변수 y의 값을 문자 jquery으로 변경.
// console.log(x);
// console.log(y);
// console.log(z);
}
let: 변수의 값을 나중에 변경할 수 있습니다.
그러나 같은 이름으로 선언하여 데이터 변경이 불가합니다.
결과 확인하기
400
jquery
03. 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가
자바스크립트(JavaScript)에서 변수는 데이터를 추가할 수 있습니다. 배열 혹은 객체에 데이터를 추가하거나 문자열을 연결하는 것이 가능합니다. 이 방법 중에는 배열 구조를 분해하고 재할당하는 방법도 있습니다.
{
let x = 100;
let y = 200;
let z = "javascript";
x += 100; // x = x + 100;
y += 100; // y = y + 100;
z += "jquery"; // z = z + jquery;
console.log(x);
console.log(y);
console.log(z);
}
변수에 데이터를 추가하는 방법은 변수의 종류에 따라 다르지만,
기본적으로 변수에 값을 할당하여 변수의 내용을 변경하거나 확장할 수 있습니다.
결과 확인하기
300
javascriptjquery
04. 상수 : 데이터 저장 + 데이터 변경(X)
자바스크립트(JavaScript)에서 상수는 데이터를 저장할 수 있으나 변경이 불가합니다. const는 자바스크립트에서 사용되는 변수 선언 키워드 중 하나로, "constant"의 줄임말로서 상수를 선언할 때 사용됩니다. const로 선언된 변수는 한 번 값을 할당하면 다른 값으로 변경할 수 없습니다. 즉, 한 번 값이 할당되면 해당 변수의 값은 고정되어 변하지 않습니다.
{
const x = 100;
const y = 200;
const z = "javascript";
// x = 200; // TypeError: Assignment to constant variable.
console.log(x);
console.log(y);
console.log(z);
}
const는 데이터를 변경할 시 상수 값 변경이 불가하다는 에러가 뜹니다.
결과 확인하기
200
javascript
05. 배열 : 데이터 저장(여러 개) : 표현방법1 : 배열 선언
자바스크립트(JavaScript)에서 배열은 여러 개의 데이터를 하나의 변수를 저장할 수 있습니다. 배열(Array)은 자바스크립트에서 여러 개의 값을 순차적으로 저장하고 관리하는 자료 구조입니다. 배열을 사용하면 동일한 유형의 데이터를 묶어서 처리하거나 저장할 수 있습니다. 배열을 선언하는 방법에는 다음과 같은 두 가지 주요 방법이 있습니다.
{
const arr = new Array();
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]); // undefined
}
배열 속 인덱스에 맞추어 데이터를 부과하지 않을 시 undefined가 뜹니다.
결과 확인하기
100
200
javascript
undefined
06. 배열 : 데이터 저장(여러 개) : 표현방법2 : 배열 선언과 동시에 초기값 설정
new Array를 선언하고 괄호 안에 바로 데이터를 넣는 것이 가능합니다.
{
const arr = new Array(100,200,"javascript");
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
}
이 방법은 배열의 길이를 저장할 수 있습니다.
결과 확인하기
100
200
javascript
undefined
07. 배열 : 데이터 저장(여러 개) : 표현방법3 : [] 방식으로 배열 선언
new Array를 선언하지 않고 '[]'를 사용해 배열 사용이 가능합니다.
{
const arr = [];
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
}
데이터를 불러올 때는 '배열 이름'[인덱스]의 형태를 취합니다.
결과 확인하기
100
200
javascript
undefined
08. 배열 : 데이터 저장(여러 개) : 표현방법4 : [] 방식으로 배열 선언과 동시에 초기값 설정
가장 간단한 방법으로, 배열을 선언하고 초기값을 직접 할당할 수 있습니다. 대괄호 [ ]를 사용하여 배열을 선언하며, 각 요소는 쉼표로 구분합니다.
{
const arr = [100, 200, "javascript"];
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
}
'[]' 안에 곧바로 데이터를 입력할 수 있습니다.
결과 확인하기
100
200
javascript
undefined
09. 배열 : 데이터 저장(여러 개) : 표현방법5 : 2차 배열
배열 안에 배열을 선언하는 2차 배열의 형태입니다. 2차 배열은 배열 내에 또 다른 배열을 포함하는 배열 구조입니다. 이것은 행렬(matrix)과 같은 형태로 데이터를 구성하는 데 사용될 수 있습니다. 각 내부 배열은 하나의 행을 나타내며, 전체 배열은 행렬의 형태를 갖습니다.
{
const arr = [100, [200,300], ["javascript", 'jquery']];
console.log(arr[0]);
console.log(arr[1][0]);
console.log(arr[1][1]);
console.log(arr[2][0]);
console.log(arr[2][1]);
}
2차 배열 안에 배열을 불러올 시, '배열 이름'[인덱스][인덱스]의 형식을 취합니다.
결과 확인하기
200
300
javacript
jequery
10. 배열 : 데이터 저장(여러 개) : 표현방법5 : 배열 구조 분해 할당
배열 구조 분해 할당(Array Destructuring Assignment)은 자바스크립트에서 배열의 요소를 추출하여 변수에 할당하는 문법적 기능입니다. 이를 통해 배열의 각 요소를 개별 변수에 분해하여 할당할 수 있습니다.
{
const arr3 = [100, 200, "javascript"];
const [a, b, c] = arr3;
console.log(a);
console.log(b);
console.log(c);
}
위와 같이 배열의 각 요소를 순서대로 변수에 할당하여 사용할 수 있습니다. 이때 변수의 이름은 배열의 순서와 일치해야 합니다.
결과 확인하기
200
javacript
11. 배열 : 데이터 저장(여러 개) : 표현방법6 : 배열 펼침연산자
배열을 분해하거나 병합하는 데 사용되는 문법입니다.
{
const arr1 = [100, 200, "javascript"];
const arr2 = [300, 400, "jqurey"];
const arr3 = [...arr1, 500];
console.log(arr1); // 100, 200, javascript
console.log(...arr1); // 100 200 javascript
console.log(...arr1, ...arr2); // 100 200 javascript 300 400 jquery
console.log(...arr3); // 100 200 javascript 500
}
배열 펼침 연산자는 ... 문법으로 표현되며, 배열의 요소들을 펼쳐서 다른 배열에 추가하는 역할을 합니다.
결과 확인하기
200
javascript
100 200 javascript
100 200 javascript 300 400 jquery
100 200 javascript 500
12. 객체 : 데이터 저장(키와 값) : 표현방법1 : 객체 선언 후 배열 방식으로 데이터 입력
키(Key)와 값(Value)은 프로그래밍에서 데이터를 저장하고 접근하기 위해 사용되는 중요한 개념입니다. 주로 객체(Object)와 관련하여 사용되며, 데이터를 구조화하고 표현하는 데 사용됩니다.
{
const obj = new Object();
obj[0] = 100;
obj[1] = 200;
obj[2] = "javascript";
console.log(obj); // [100,200,"javascript"]
console.log(obj[0]); // 100
console.log(obj[1]); // 200
console.log(obj[2]); // javascript
}
1) 키(Key): 객체 내에서 각 데이터(속성)를 구별하는 식별자 역할을 합니다.
객체의 속성들은 키와 값의 쌍으로 구성되며, 키는 문자열으로 사용됩니다.
키를 통해 해당 속성의 값을 접근할 수 있습니다.
2) 객체 내에서 각 데이터(속성)의 실제 데이터를 의미합니다.
키와 함께 해당 속성의 값을 나타내며, 다양한 자료형을 가질 수 있습니다.
결과 확인하기
100
200
javascript
13. 객체 : 데이터 저장(키와 값) : 표현방법2 : 객체 선언 후 객체 방식으로 데이터 입력
객체를 선언한 후 데이터를 할당하는 방식입니다.
{
const obj = new Object();
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}
객체 이름 뒤에 오는 .'키'값은 데이터를 입력할 때 값의 이름으로 적용합니다.
결과 확인하기
200
javascript
14. 객체 : 데이터 저장(키와 값) : 표현방법3 : {} 방식으로 객체 선언
객체를 약식으로 선언하고 동시에 데이터를 입력합니다.
{
const obj = {};
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}
객체를 약식으로 선언 시, 배열의 형태로 데이터를 넣는 것은 불가합니다. '객체 이름'.'키'의 형태를 취해야 합니다.
결과 확인하기
200
javascript
15. 객체 : 데이터 저장(키와 값) : 표현방법4 : {} 방식으로 객체 선언과 동시에 초기값을 설정
객체를 약식으로 선언하고 동시에 데이터를 입력합니다.
{
const obj = { a:100, b:200, c:"javascript" };
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}
객체 안에 초기값을 선언 시, '키':데이터 의 형태를 취합니다.
결과 확인하기
200
javascript
16. 객체 : 데이터 저장(키와 값) : 표현방법5 : 배열 안에 객체가 있는 방식
배열 안에 객체를 선언했을 때 방법입니다. 배열 안에 객체를 선언하는 것에 개수 제한 혹은 데이터 형태 제한은 없습니다.
{
const obj = [
{a:100, b:200, c:"javacript"}
];
console.log(obj[0].a);
console.log(obj[0].b);
console.log(obj[0].c);
const obj1 = [
{a:100, b:200, c:"javacript"},
{a:300, b:400, c:"jquery"},
];
console.log(obj1[0].a);
console.log(obj1[0].b);
console.log(obj1[0].c);
console.log(obj1[1].a);
console.log(obj1[1].b);
console.log(obj1[1].c);
}
객체 안에 배열을 불러올 시, '객체 이름'[인덱스].'키'의 형식을 취합니다.
결과 확인하기
200
javascript
100
200
javascript
300
400
jquery
17. 객체 : 데이터 저장(키와 값) : 표현방법6 : 객체 안에 배열이 있는 방식
객체 안에 배열을 선언했을 때 방법입니다.
{
const obj = {
a: [100, 200],
b: [300, 400],
c: "javascript",
d: "jquery",
};
console.log(obj.a[0]);
console.log(obj.a[1]);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.c[0]);
console.log(obj.c[1]);
console.log(obj.d[0]);
console.log(obj.d[1]);
console.log(obj.a[0]+obj.b[1]);
}
객체 안에 배열을 불러올 시, '객체 이름'.'키'[인덱스]의 형식을 취합니다.
결과 확인하기
200
300
400
javascript
jquery
500
18. 객체 : 데이터 저장(키와 값) : 표현방법7 : 객체 안에 객체가 있는 방식
객체 안에 객체를 선언했을 때의 방법입니다.
{
const obj = {
a: 100,
b: [200, 300],
c: { x:400, y:500},
d: "javacript",
};
console.log(obj.a);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.c.x);
console.log(obj.c.y);
console.log(obj.d);
}
객체 안에 객체를 불러올 시, '객체 이름'.'키'.'키'의 형식을 취합니다.
결과 확인하기
200
300
400
500
javascript
19. 객체 : 데이터 저장(키와 값) : 표현방법8 : 객체 + 함수가 있는 방식
객체 안에 함수를 선언하는 방법입니다.
{
const obj = {
a: 100,
b: [200, 300],
c: {a:400, b:500, c:600},
d: "javascript",
e: function(){
console.log("jquery");
},
f: function(){
console.log(obj.a);
},
g: function(){
console.log(this.a);
},
}
console.log(obj.a);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.c.a);
console.log(obj.c.b);
console.log(obj.c.c);
console.log(obj.d);
obj.e();
obj.f();
obj.g();
}
객체 안에 함수를 표현할 시, '객체 이름'.'키'()의 형식을 취해야 합니다.
결과 확인하기
200
300
400
500
600
javascript
jquery
100
100
20. 객체 : 데이터 저장(키와 값) : 표현방법9 : 객체 구조 분해 할당
객체 구조 분해 할당(Object Destructuring Assignment)은 자바스크립트에서 객체의 속성을 추출하여 변수에 할당하는 문법입니다. 이를 통해 객체의 각 속성을 개별 변수로 분해하여 사용할 수 있습니다. 객체 구조 분해 할당을 사용하면 객체의 속성에 더 쉽게 접근하고 해당 값을 변수로 저장할 수 있습니다.
{
const obj = {
a: 100,
b: 200,
c: "javascript",
};
const { a, b, c } = obj;
console.log(a);
console.log(b);
console.log(c);
}
{
const obj = {
a: 100,
b: {x: 200, y: 300},
c: "javascript",
};
const { a, b: {x, y}, c } = obj;
console.log(a);
console.log(x);
console.log(y);
console.log(c);
}
객체 구조 분해 할당을 사용하면, 객체의 속성을 변수에 효과적으로 할당하고 활용할 수 있습니다.
결과 확인하기
200
javascript
100
200
300
javascript
21. 객체 : 데이터 저장(키와 값) : 표현방법10 : 객체 펼침연산자
객체 펼침 연산자(Object Spread Operator)는 자바스크립트에서 객체를 복사하거나 병합할 때 사용되는 문법입니다. 이 연산자를 사용하면 객체의 속성들을 새로운 객체로 복사하거나 여러 객체를 하나로 합칠 수 있습니다. 주로 객체를 조작하거나 복제할 때 유용하게 사용됩니다.
{
const obj1 = { a: 100, b: 200, c: "javascript" };
const obj2 = { ...obj1, b: 400, c: "jquery" };
const obj3 = { ...obj1, ...obj2};
console.log(obj2.a);
console.log(obj2.b);
console.log(obj2.c);
console.log(obj3);
}
객체 펼침 연산자는 ... 문법으로 표현되며, 객체 내의 속성들을 펼쳐서 새로운 객체에 할당하는 역할을 합니다.
객체의 복사 뿐만 아니라 기존 객체의 속성을 유지하면서 다른 속성을 추가하거나 변경할 때도 사용됩니다.
결과 확인하기
400
jquery
a: 100
b: 400
c: jquery
지역변수 + 전역변수
지역 변수는 특정한 함수 내에서 선언되고 사용되는 변수입니다. 함수 안에서 선언된 변수는 그 함수 내에서만 접근 가능하며, 함수 외부에서는 이 변수에 접근할 수 없습니다. 전역 변수는 스크립트 전체에서 선언되고 사용되는 변수입니다. 어느 위치에서든 접근 가능하며, 코드의 어느 부분에서든 이 변수에 접근할 수 있습니다.
{
let x = 100; //전역변수
let y = 200; //전역변수
let z = "javascript"; //전역변수
console.log("함수 밖1:" + x,y,z);
function func(){
let x = 300; //지역변수
y += 400; //전역변수 y의 값에 400을 추가
z = "jquery"; //전역변수 z의 값에 문자열 "jquery"를 대체한 것
console.log("함수 안:" + x,y,z);
};
func();
console.log("함수 밖2:" + x,y,z);
}
자바스크립트는 위에서 아래로 코드를 읽는 방식을 취합니다.
결과 확인하기
함수 안: 300, 600, jequery
함수 밖: 100, 600, jequery
0. 연산자란?
자바스크립트에서 연산자는 산술, 문자 결합, 대입(복합대입), 증감, 비교, 논리, 삼항 조건 연산자가 존재합니다.
01. 산술 연산자
산술 연산자는 더하기(+), 빼기 (-), 곱하기 (*), 나누기 (/), 나머지 (%)가 있습니다.
{
let a = 10;
let b = 2;
let c = "javacript"
console.log(a+b);
console.log(a-b);
console.log(a*b);
console.log(a/b);
console.log(a%b);
console.log(a+c);
console.log(b+c);
}
| 종류 | 기본형 | 설명 |
|---|---|---|
| 더하기(+) | a+b | a와 b를 더합니다. |
| 빼기(-) | a-b | a와 b를 뺍니다. |
| 곱하기(*) | a*b | a와 b를 곱합니다. |
| 나누기(/) | a/b | a를 b로 나눕니다. |
| 나머지(%) | a%b | a를 b로 나눈 나머지입니다. |
산술 연산자로 연산하기 위해서는 연산 데이터가 반드시 2개 이상 있어야 합니다.
숫자형과 문자형을 연산할 시 숫자형이 문자형으로 바뀝니다.
결과 확인하기
8
20
5
0
10javascript
2javascript
02. 대입 연산자
대입 연산자(=)는 연산된 데이터를 변수에 저장할 때 사용합니다.
복합 대입 연산자(+=,-=,*=,/=,%=)는 산술 연산자와 대입 연산자가 복합적으로 사용된 것을 말합니다.
{
let a = 10;
let b = 2;
console.log(a);
a += b;
a -= b;
a *= b;
a /= b;
a %= b;
console.log(a);
}
1) 할당 (=): 오른쪽의 값을 왼쪽 변수에 할당합니다.
2) 덧셈 후 할당 (+=): 왼쪽 변수의 값을 오른쪽 값과 더한 후 그 결과를 왼쪽 변수에 할당합니다.
3) 뺄셈 후 할당 (-=): 왼쪽 변수의 값을 오른쪽 값에서 뺀 후 그 결과를 왼쪽 변수에 할당합니다.
4) 곱셈 후 할당 (*=): 왼쪽 변수의 값을 오른쪽 값과 곱한 후 그 결과를 왼쪽 변수에 할당합니다.
5) 나눗셈 후 할당 (/=): 왼쪽 변수의 값을 오른쪽 값으로 나눈 후 그 결과를 왼쪽 변수에 할당합니다.
결과 확인하기
12
10
20
10
0
03. 증감 연산자
증감 연산자(Increment and Decrement Operators)는 변수의 값을 1 증가시키거나 1 감소시키는 데 사용되는 연산자입니다. 이 연산자는 주로 반복문이나 변수 값을 조작할 때 사용됩니다.
{
let a = 10;
let b = 2;
a++;
console.log(a);
a--;
console.log(a);
a = ++b;
console.log(a);
a = b++;
console.log(a);
}
증가 연산자 (++): 변수의 값을 1 증가시킵니다. 감소 연산자 (--): 변수의 값을 1 감소시킵니다. 증감 연산자는 변수 앞(++x, --x)에 놓일 수도 있고 변수 뒤(x++, x--)에 놓일 수도 있습니다. 이 위치에 따라 값이 변경되는 시점이 달라집니다.
결과 확인하기
10
3
3
04. 비교 연산자
두 데이터를 '크다,작다,같다'와 같이 비교할 때 사용하는 연산자입니다. 연산 결과는 true(참) 또는 false(거짓)로 논리형 데이터를 반환합니다.
{
let a = 10;
let b = 2;
let c = "10";
console.log(a>b);
console.log(a < b);
console.log(a>=b);
console.log(a<=b);
console.log(a==b);
console.log(a!=b);
console.log(a===c);
console.log(a!==c);
}
'=='는 값의 동등 여부를 확인합니다. 자료형이 다를 경우 자동으로 형 변환이 일어납니다.
'==='는 값과 자료형이 모두 같은지 확인합니다. 더 엄격한 비교를 수행합니다.
결과 확인하기
false
true
false
false
true
false
true
05. 논리 연산자
논리 연산자는 ||(or), &&(and) !(not)이 있습니다.
{
let a = 10;
let b = 20;
if (a>=5 && b == 22) {
document.write("두 가지 조건을 모두 만족합니다.");
} else {
document.write("두 가지 조건을 모두 만족하지 못합니다.");
};
if (a>=5 || b == 22) {
document.write("두 가지 조건 중 하나라도 만족합니다.");
} else {
document.write("두 가지 조건을 모두 만족하지 못합니다.");
};
if (!a>=5) {
document.write("조건을 만족하였습니다.");
} else {
document.write("조건을 만족하지 못했습니다.");
};
}
||(0r)은 피연산자의 조건 중 하나만 충족해도 참을 반환합니다.
&&(and)은 피연산자의 조건을 모두 충족해야 참을 반환합니다.
!(not)은 논리 부정 연산자로 결괏값이 참이면 거짓을 반환합니다.
결과 확인하기
두 가지 조건 중 하나라도 만족합니다.
조건을 만족하지 못했습니다.
06. 연산자 우선순위
산수에서 연산 우선순위가 있는 것처럼, 자바스크립트에서도 연산자의 우선순위가 존재합니다.
{
let a = 10;
let b = 20;
let m = 30;
let n = 40;
let result;
reult = a > b || b >= m || m > n;
document.write(result, "< br >");
reult = a > b || b >= m || m <= n;
document.write(result, "< br >");
reult = a > b && b >= m && m <= n;
document.write(result, "< br >");
reult = a > b && b <= m && m <= n;
document.write(result, "< br >");
reult = !(a > b);
document.write(result, "< br >");
}
연산자 우선순위는 아래와 같습니다.
1) ()
2) 단항 연산자(--,++,!)
3) 산술 연산자(*,/,%,+,-)
4) 비교 연산자(>, >=, <, <=, ==, ===, !==, !=)
5) 논리 연산자(&&, ||)
6) 대입(복합)(=, +=, -=, *=, /=, %=)
결과 확인하기
true
false
true
true
07. 삼항 조건 연산자
삼항 조건 연산자(ternary conditional operator)는 조건문을 간단하게 표현할 수 있는 자바스크립트의 연산자입니다. 조건에 따라 두 가지 다른 값 중 하나를 선택하여 반환하도록 도와줍니다. 다른 말로 삼항 조건 연산자는 "조건 ? 값1 : 값2" 형태로 작성됩니다. 연산을 위해 3개의 피연산자가 필요합니다.
{
let a = 10;
let b = 3;
let result = a>b ? "javacript" : "hello";
console.log(result);
}
조건이 참일 경우 1번째, 거짓일 경우 2번째 결과를 반환합니다.
결과 확인하기
자료형
"자료형" 또는 "데이터 타입"은 변수나 값이 가질 수 있는 특정한 종류의 데이터의 분류를 나타냅니다. 각 자료형은 해당 데이터의 특성과 해당 자료형에서 수행할 수 있는 연산을 결정합니다. 대부분의 프로그래밍 언어는 다양한 자료형을 지원하며, 이들을 효율적으로 활용하여 프로그램을 작성하고 데이터를 처리합니다.
{
let a = 10; // int
let b = "javacript"; // str
let c = (a>b); // boolean
let d = null; // null
let e = nudefined; // nudefined
let f = new Object; // Object
let g = new Array; // Array
const h = function func(){
document.write("안녕하세요");
}; // Function
}
대표적으로 int(숫자)/str(문자열)/boolean(논리)/null(공백)/nudefined(공백)/Object(객체)/Array(배열)/Function(함수)이 있습니다.