자바스크립트 데이터 유형


문자열, 숫자, 부울, 배열, 개체, Null, 정의되지 않음.

JavaScript에는 동적 입력이 있습니다.

JavaScript에는 동적 입력이 있습니다. 이는 동일한 변수를 다른 유형으로 사용할 수 있음을 의미합니다.

인스턴스

var x; // x는 정의되지 않았습니다
var x = 5; // x는 숫자입니다
var x = "John"; // x는 문자열입니다


JavaScript 문자열

문자열은 문자를 저장하는 변수입니다(예: "Bill Gates").

문자열은 따옴표 안의 모든 텍스트일 수 있습니다. 작은따옴표나 큰따옴표를 사용할 수 있습니다:

Instance

var carname="볼보 XC60";
var carname='Volvo XC60';

문자열 주변의 따옴표와 일치하지 않는 한 문자열 내에서 따옴표를 사용할 수 있습니다.

예

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1="It's alright";
var answer2="He is called 'Johnny'";
var answer3='He is called "Johnny"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

자세한 내용은 고급 부분에서 배우게 됩니다. 이 튜토리얼의 문자열에 대해 자세히 알아보세요.

JavaScript 숫자

JavaScript에는 숫자 유형이 하나만 있습니다. 숫자에는 소수점이 있거나 없을 수 있습니다.

예

var x1=34.00; //소수점을 사용하여 작성
var x2=34;           //소수점 없이 작성

과학(지수) 표기법을 사용하여 매우 크거나 작은 숫자를 작성할 수 있습니다:

예 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var x1=34.00;
var x2=34;
var y=123e5;
var z=123e-5;
document.write(x1 + "<br>")
document.write(x2 + "<br>")
document.write(y + "<br>")
document.write(z + "<br>")
</script>
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

고급 수준이 됩니다. 숫자에 대해 자세히 알아보려면 이 튜토리얼 섹션을 참조하세요.

JavaScript Boolean

부울(논리적)은 true 또는 false의 두 가지 값만 가질 수 있습니다.

var x=true;
var y=false;

부울은 조건부 테스트에 자주 사용됩니다. 이 자습서의 뒷부분에서 조건부 테스트에 대해 자세히 알아봅니다.

JavaScript 배열

다음 코드는 cars라는 배열을 생성합니다.

var cars=new Array();
cars[0 ] ="사브";
자동차[1]="볼보";
자동차[2]="BMW";

또는 (축소된 배열):

var cars=new Array("Saab","Volvo","BMW");

또는 (리터럴 배열 ):

인스턴스

<!DOCTYPE html>
<html>
<body>

<script>
var i;
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

배열 첨자는 0부터 시작하므로 첫 번째 항목은 [0], 두 번째 항목은 [1] 등입니다.

이 튜토리얼의 뒷부분에서 배열에 대해 자세히 알아보게 됩니다.

JavaScript 개체

개체는 중괄호로 구분됩니다. 대괄호 안에는 개체의 속성이 이름과 값 쌍(이름 : 값)으로 정의됩니다. 속성은 쉼표로 구분됩니다.

var person={firstname:"John", lastname:"Doe", id:5566};

위 예의 개체 ( person)에는 이름, 성, ID의 세 가지 속성이 있습니다.

공백과 줄 바꿈은 중요하지 않습니다. 명령문은 여러 줄에 걸쳐 있을 수 있습니다.

var person={
firstname : "John",
lastname : "Doe",
id : 5566
};

객체 속성에는 두 가지 주소 지정 방법이 있습니다:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person=
{
	firstname : "John",
	lastname  : "Doe",
	id        :  5566
};
document.write(person.lastname + "<br>");
document.write(person["lastname"] + "<br>");
</script>

</body>
</html>

인스턴스 실행 중»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

이 튜토리얼의 이후 장에서 개체에 대해 자세히 알아볼 것입니다.

정의되지 않음 및 Null

정의되지 않음 이 값은 변수에 값이 포함되어 있지 않음을 의미합니다.

값을 null로 설정하면 변수를 지울 수 있습니다.

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person;
var car="Volvo";
document.write(person + "<br>");
document.write(car + "<br>");
var car=null
document.write(car + "<br>");
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

변수 유형 선언

새 변수를 선언할 때 "new" 키워드를 사용하여 해당 유형을 선언할 수 있습니다.

var carname= new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;


lampJavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。