English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 강의

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 강의

JavaScript 참조 매뉴얼

JavaScript 데이터 타입

값 타입(기본 타입): 문자열(String), 숫자(Number), 부울(Boolean), null, undefined, Symbol. 참조 데이터 타입: 객체(Object), 배열(Array), 함수(Function).


데이터 타입프로그래밍 언어를 사용하여 특정 타입의 데이터를 분류하는 데 사용됩니다.

예를 들어, 숫자와 문자열은 다른 타입의 데이터이며, JavaScript는 그들을 다르게 처리합니다.

JavaScript 변수는 많은 것을 포함할 수 있습니다데이터 타입숫자, 문자열, 배열, 객체 등:

 var length = 4;// Number 숫자
 var firstName = "Vishal";  // String 문자열
 var user = {firstName: "Vishal", age:}22};  // Object 객체
 var fruits = ["Apple", "Mango", "Banana"];// Array 배열

JavaScript 타입은 동적입니다

JavaScript는 느슨한 타입이나 동적 언어입니다. JavaScript의 변수는 특정 값 타입과 직접 연결되지 않으며, 모든 변수에 모든 타입의 값을 할당하고 재할당할 수 있습니다.

var x = 20; // x는 숫자입니다
x = "VISHAL";   // x는 문자열입니다
x = true;   // x는 부울 값입니다
테스트를 보면‹/›

JavaScript 숫자

JavaScript는 하나의 숫자 타입만 있으며, 정수와 부동소수점 숫자를 별도로 지정하지 않습니다.

따라서, 숫자는 JavaScript에서 소수점을 포함하거나 포함하지 않고 작성할 수 있습니다.

var a = 25; // 소수점 없음
var b = 80.05;  // 소수점 오른쪽
테스트를 보면‹/›

위 두 경우 모두 데이터 타입은 숫자이며, 숫자가 소수점을 가리든가 않든가에 따라 다릅니다.

JavaScript에서 과학적 지수 표기법을 사용하여 매우 크거나 작은 숫자를 줄일 수 있습니다. 다음 예제와 같이 보여줍니다:

let num1 = 957e8; // 95700000000
let num2 = 957e-8;// 0.00000957
테스트를 보면‹/›

이 튜토리얼의 후반부에서 숫자 타입에 대해 더 알 수 있습니다.

JavaScript 문자열

문자열은 하나나 여러 개의 문자(알파벳, 숫자, 기호)의 시퀀스입니다. 문자열은 텍스트 데이터를 대표하기 때문에 매우 유용합니다.

JavaScript 문자열은 텍스트를 저장하고 처리하는 데 사용됩니다.

또는 일부 다른 언어와 달리, JavaScript는 single quotes와 double quotes 사이에 차이가 없습니다.

var msg1 = "Hello world";   // double quotes 사용
var msg2 = 'Hello world';   // single quotes 사용
테스트를 보면‹/›

문자열 내에서 quotes를 사용할 수 있습니다. 단, 그것이 문자열 주위의 quotes와 일치하지 않으면 됩니다:

var str1 = 'She said "Hey" and left';  // double quotes 내의 single quotes
var str2 = "She said 'Hey' and left";  // single quotes 내의 double quotes
var str3 = "Let's have a cup of tea";  // double quotes 내의 single quotes
var str4 = 'We\'ll never give up'; // 단 quotes를 다시 escaping합니다
테스트를 보면‹/›

이 튜토리얼의 후반부에서 문자열에 대한更多信息을 알 수 있습니다.

JavaScript 부울 값

부울 데이터 타입은 두 가지 값 중 하나일 수 있습니다, 즉 true 또는 false

부울 값은 조건 검사에서 자주 사용됩니다.

(5 > 10)  // false를 반환
(5 < 10)  // true를 반환
("Apple" === "Apple") // true를 반환
테스트를 보면‹/›

이 튜토리얼의 후반부에서 부울 값에 대한更多信息을 알 수 있습니다.

JavaScript 배열

배열은 하나의 변수에 여러 값을 저장하는 데 사용됩니다.

JavaScript 배열은 괄호로 감싸져 있습니다[].

배열 항목은 콤마로 구분됩니다.

다음 코드는 이름이 "fruits"인 배열을 선언(생성)하고, 그 안에 세 가지 과일 이름을 포함하고 있습니다:

var fruits = ["Apple", "Mango", "Banana"];
테스트를 보면‹/›

배열 내의 각 항목이나 값은 요소라고 합니다. 인덱스 번호를 사용하여 배열의 요소를 참조할 수 있습니다.

JavaScript 배열의 인덱스는 0입니다: 배열의 첫 번째 요소의 인덱스는 0, 두 번째 요소의 인덱스는1그리고 다른 예제와 마찬가지로.

이 튜토리얼의 후반부에서 배열에 대한更多信息을 알 수 있습니다.

JavaScript 객체

JavaScript에서 객체는 속성의 집합으로 볼 수 있습니다.

JavaScript 객체는 괄호로 감싸져 있습니다{}.

JavaScript 객체는 속성의 집합으로 볼 수 있습니다.이름: 값네, 콤마로 구분합니다.

var user = {firstName: "Vishal", age:}22, color: "blue", location: "unknown"};
테스트를 보면‹/›

예제의 객체(사용자)는 다음과 같습니다4개의 속성: firstName, age, color 및 location.

이 튜토리얼의 후반부에서 객체에 대해 더 알아보게 됩니다

연산자의 타입

typeof 연산자는 변수의 타입을 찾아내는 데 도움이 됩니다

typeof 연산자는 변수나 표현식의 타입을 반환합니다

typeof ""  // "string"을 반환합니다
typeof "Vishal"// "string"을 반환합니다
typeof "42"// "string"을 반환합니다 (쌍따옴표 내의 숫자는 문자열로 간주됩니다)
typeof 42  // "number"을 반환합니다
typeof true// "boolean"을 반환합니다
typeof false   // "boolean"을 반환합니다
typeof undefined   // "undefined"을 반환합니다
typeof null// "object"을 반환합니다
typeof {name: "Vishal", age:22} // "object"을 반환합니다
typeof [2, 4, 6, 8]// "object"을 반환합니다 (아래 주의 사항 참조)
typeof function myFunc(){} // "function"을 반환합니다
테스트를 보면‹/›

주의:typeof 연산자는 배열에 "object"을 반환합니다. 이는 JavaScript에서 배열이 객체이기 때문입니다.

undefined (미정의)

undefined치수는 변수에 값이 할당되지 않았거나 변수가 선언되지 않았음을 나타냅니다

var city;// 치수 미정의
테스트를 보면‹/›

타입도undefined

typeof city   // "undefined"
테스트를 보면‹/›

값을 설정하여 어떤 변수도 비울 수 있습니다undefined。타입도undefined

city = undefined;   // 치수 미정의, 타입 미정의
테스트를 보면‹/›

null (공백 값)

이 값null는 어떤 객체 값도 없이 의도적으로 설정된 것을 나타냅니다.

JavaScript에서의 데이터 타입null객체입니다.

값을 설정하여 어떤 객체도 비울 수 있습니다null

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = null;// 지금 value는 null이지만 데이터 타입은 여전히 객체입니다
테스트를 보면‹/›

또한 그를 설정하여 객체를 비우실 수 있습니다undefined

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = undefined;   // 치수와 타입 모두 미정의
테스트를 보면‹/›

null(null)과 undefined(미정의)의 차이

nullundefined치수가 같지만 타입이 다릅니다.

typeof null  // "object" (ancien "null" pour des raisons de legacy)
typeof undefined // "undefined"
테스트를 보면‹/›

검사할 때null또는undefined주의하세요. 등호(==)와 동일성(===) 연산자 간의 차이는 전자가 타입 변환을 수행하기 때문입니다.

null == undefined // true
null === undefined// false

여러 데이터 타입을 동시에 처리

그래서 만든 각 프로그램은 다양한 데이터 타입을 포함할 것입니다.

여러 데이터 타입을 사용하는 연산자(예:)+숫자나 문자열을 연결할 수 있는 연산자()를 사용할 때 예상치 못한 결과를 얻을 수 있습니다.

숫자와 문자열을 추가할 때 JavaScript는 숫자를 문자열로 간주합니다.

var x = 5 + "Sky";
테스트를 보면‹/›

문자열과 숫자를 추가할 때 JavaScript는 숫자를 문자열로 간주합니다.

var x = "Sky" + 5;
테스트를 보면‹/›

JavaScript는 표현식을 왼쪽에서 오른쪽으로 계산합니다. 다른 시퀀스는 다른 결과를 낳을 수 있습니다:

var x = 5 + 3 + "Sky";
테스트를 보면‹/›
var x = "Sky" + 5 + 3;
테스트를 보면‹/›

첫 번째 예제에서 JavaScript는5와3숫자로 간주됩니다. 그러나 'Sky'에 도달할 때까지.

두 번째 예제에서 첫 번째 연산자가 문자열인 이유로 모든 연산자가 문자열로 간주됩니다.