-
[javascript] 9. 데이터 타입(Data Types) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:27JavaScript Data Types
문자열(String), 숫자(Number), 논리(Boolean), 배열(Array), 객체(Object)
1.The Concept of Data Types
프로그래밍에서, 데이터 타입(Data types)은 중요한 개념입니다.변수를 계산(operate)하기 위해서는, 해당 타입을 아는 것이 중요합니다.데이터 타입 없이는, 컴퓨터는 아래 식을 풀지 못 합니다.1234567891011121314151617<!DOCTYPE html><html><body><p id="demo"></p><script>var x = 16 + "Volvo";document.getElementById("demo").innerHTML = x;</script></body></html>cs 네. 자바스크립트에선 한 피연산자(Operand)가 문자열(String)일 경우, 모든 연산자를 문자열로 취급합니다.
2. JavaScript Has Dynamic Types
자바스크립트는 다이나믹 타입(Dynamic types)입니다. 이 말은 같은 변수가 다른 타입으로 쓰일수 있다는 말입니다.1234var x; // Now x is undefinedvar x = 5; // Now x is a Numbervar x = "John"; // Now x is a Stringcs 3. JavaScript Strings
문자열은 문자(Character)의 집합으로 이루어져 있습니다.문자열은 따옴표(quotes)로 작성됩니다.12var carName = "Volvo XC60"; // Using double quotesvar carName = 'Volvo XC60'; // Using single quotescs 4.JavaScript Arrays
배열은 꺽쇠 괄호(Square brackets)로 작성합니다.
배열의 항목은 콤마로 구분됩니다.
12var cars = ["Saab", "Volvo", "BMW"];cs 배열의 인덱스는 0-기준(Zero-based)입니다. 이 뜻은 첫 항목은 [0], 두번째 항목은 [1],....
5. JavaScript Objects
객체는 중 괄호(curly braces)로 작성합니다.객체 속성은 '이름: 값(name: value)' 쌍으로 작성하고, 콤마로 구분합니다.123456789101112131415161718192021<!DOCTYPE html><html><body><p id="demo"></p><script>var person = {firstName : "John",lastName : "Doe",age : 50,eyeColor : "blue"};document.getElementById("demo").innerHTML =person.firstName + " is " + person.age + " years old.";</script></body></html>cs 위 예제의 객체(사람)은 4개의 속성을 갖습니다: 성, 이름, 나이, 눈 색깔
6. The typeof Operator
typeof 연산자를 이용하여 변수의 타입을 알 수 있습니다.1234567typeof "John" // Returns stringtypeof 3.14 // Returns numbertypeof false // Returns booleantypeof [1,2,3,4] // Returns objecttypeof {name:'John', age:34} // Returns objectcs * 배열은 객체의 특수한 타입입니다. 그러므로 typeof [1,2,3,4]는 객체를 반환합니다.
'Web > JavaScript' 카테고리의 다른 글
[javascript] 12. 범위(Scope) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 11. 객체(Objects) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 10. 함수(Functions) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 8. 연산자(Operators) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 7. 변수(Variables) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 6. 주석(Comments) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
