JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 데이터 유형

JavaScript 변수는 숫자, 문자열, 개체 등 다양한 데이터 유형을 보유할 수 있습니다.

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

데이터 유형의 개념

프로그래밍에서 데이터 유형은 중요한 개념입니다.

변수에 대해 연산을 수행하려면 유형에 대해 아는 것이 중요합니다.

데이터 유형이 없으면 컴퓨터는 다음을 안전하게 해결할 수 없습니다.

let x = 16 + "Volvo";

16에 "볼보"를 추가하는 것이 의미가 있습니까? 오류가 발생합니까 아니면 결과가 발생합니까?

JavaScript는 위의 예를 다음과 같이 처리합니다.

let x = "16" + "Volvo";

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

예시

let x = 16 + "Volvo";

예시

let x = "Volvo" + 16;

JavaScript는 표현식을 왼쪽에서 오른쪽으로 평가합니다. 다른 시퀀스는 다른 결과를 생성할 수 있습니다.

자바스크립트:

let x = 16 + 4 + "Volvo";

결과:

20Volvo

자바스크립트:

let x = "Volvo" + 16 + 4;

결과:

Volvo164

첫 번째 예에서 JavaScript는 "Volvo"에 도달할 때까지 16과 4를 숫자로 취급합니다.

두 번째 예에서는 첫 번째 피연산자가 문자열이므로 모든 피연산자가 문자열로 처리됩니다.



JavaScript 유형은 동적입니다.

JavaScript에는 동적 유형이 있습니다. 이는 동일한 변수를 사용하여 다른 데이터 유형을 보유할 수 있음을 의미합니다.

예시

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

자바스크립트 문자열

문자열(또는 텍스트 문자열)은 "John Doe"와 같은 일련의 문자입니다.

문자열은 따옴표로 작성됩니다. 작은따옴표나 큰따옴표를 사용할 수 있습니다.

예시

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

문자열을 둘러싼 따옴표와 일치하지 않는 한 문자열 안에 따옴표를 사용할 수 있습니다.

예시

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

이 자습서의 뒷부분에서 문자열에 대해 자세히 알아볼 것입니다.


자바스크립트 숫자

JavaScript에는 한 가지 유형의 숫자만 있습니다.

숫자는 소수를 포함하거나 포함하지 않고 쓸 수 있습니다.

예시

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

매우 크거나 작은 숫자는 과학적(지수) 표기법으로 작성할 수 있습니다.

예시

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

이 튜토리얼의 뒷부분에서 숫자에 대해 더 배우게 될 것입니다.


자바스크립트 부울

true부울 값은 또는 2개만 가질 수 있습니다 false.

예시

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

부울은 종종 조건부 테스트에 사용됩니다.

이 자습서의 뒷부분에서 조건부 테스트에 대해 자세히 알아볼 것입니다.


자바스크립트 배열

JavaScript 배열은 대괄호로 작성됩니다.

배열 항목은 쉼표로 구분됩니다.

cars다음 코드는 3개의 항목(자동차 이름)을 포함하는 이라는 배열을 선언(생성)합니다 .

예시

const cars = ["Saab", "Volvo", "BMW"];

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

이 자습서의 뒷부분에서 배열 에 대해 자세히 알아볼 것 입니다.


자바스크립트 객체

JavaScript 객체는 중괄호로 작성됩니다 {}.

개체 속성은 쉼표로 구분된 이름:값 쌍으로 작성됩니다.

예시

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

위의 예에서 객체(사람)에는 4가지 속성이 있습니다: firstName, lastName, age 및 eyeColor.

이 자습서의 뒷부분에서 개체 에 대해 자세히 알아볼 것 입니다.


typeof 연산자

JavaScript 연산자를 사용하여 typeofJavaScript 변수의 유형을 찾을 수 있습니다.

typeof연산자는 변수 또는 표현식의 유형을 반환합니다 .

예시

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

예시

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

이 튜토리얼의 뒷부분에서 typeof 에 대해 자세히 알아볼 것 입니다.


찾으시는 주소가 없습니다

JavaScript에서 값이 없는 변수에는 값이 undefined있습니다. 유형도 undefined입니다.

예시

let car;    // Value is undefined, type is undefined

값을 로 설정하여 모든 변수를 비울 수 있습니다 undefined. 유형도 입니다 undefined.

예시

car = undefined;    // Value is undefined, type is undefined

빈 값

빈 값은 와 관련이 없습니다 undefined.

빈 문자열에는 유효한 값과 유형이 모두 있습니다.

예시

let car = "";    // The value is "", the typeof is "string"

연습으로 자신을 테스트하십시오

연습:

주석을 사용하여 다음 변수의 올바른 데이터 유형을 설명하십시오.

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //