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

자바스크립트 기본 강의

자바스크립트 객체

자바스크립트 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 강의

자바스크립트 참조 매뉴얼

JavaScript 타입 변환

타입 변환은 하나의 데이터 타입을 다른 데이터 타입으로 변환하는 방법입니다.

자바스크립트에서 데이터 타입은 특정 데이터 타입을 분류하고, 해당 타입에 할당할 수 있는 값과 수행할 수 있는 작업을 정의합니다.

자바스크립트 데이터 타입

자바스크립트에서는 다음과 같습니다5가치를 포함할 수 있는 다른 데이터 타입은 다음과 같습니다:

  • string

  • number

  • boolean

  • object

  • function

가 있습니다3타입의 객체는 다음과 같습니다:

  • Object

  • Date

  • Array

또한2가치를 포함할 수 없는 데이터 타입은 다음과 같습니다:

  • null

  • undefined

연산자의 타입

형상 연산자는 변수의 타입을 찾아내는 데 도움을 줍니다.

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

형상 ""　　//　반환 "string"
형상 "Vishal"//　반환 "string"
형상 ""42"//　반환 "string" (문자열 내의 숫자는 문자열로)
형상　42　　//　반환 "number"
형상 true//　반환 "boolean"
형상 false　　　//　반환 "boolean"
형상 undefined　　　//　반환 "undefined"
형상 null//　반환 "object"
형상 {name:"Vishal", age:22}　//　반환 "object"
형상 [2,　4,　6,　8]//　반환 "object" ( "배열"이 아닙니다)
형상 function myFunc(){}　//　반환 "function"
테스트를 보세요‹/›

형상 연산자를 사용하여 자바스크립트 변수의 데이터 타입을 찾을 수 있습니다.

은닉 변환

프로그래밍 언어로서, 자바스크립트는 예상치 못한 값에 대해 매우 유연합니다. 따라서 자바스크립트는 예상치 못한 값을 바로 거부하는 대신 변환 시도합니다. 이러한 은닉 변환은 타입 강제라고 합니다.

예를 들어, 수학 계산에서 값은 자동으로 숫자로 변환됩니다.

하지만, 결과는 항상 예상했던 것처럼은 아닙니다:

"3"　+　2//　반환 "32"　( porque}}2se convierte en "2")
"3"　-　2//　반환　1　( porque "3" se convierte en3)
"3"　*　"2"　　//　반환　6　( porque "3" y "2" se convierte en　3　y　2)
2　+　true　　　//　반환　3　( porque true se convierte en　1)
2　+　false　　//　반환　2　( porque false se convierte en 0)
2　+　null　　　//　반환　2　( porque null se convierte en 0)
"2"　+　null　//　반환 "2null"　　　( porque null se convierte en "null")
테스트를 보세요‹/›

일부 경우, 우리는 값을 하나의 데이터 타입에서 명시적으로 다른 데이터 타입으로 변환해야 합니다.

JavaScript는 이러한 데이터 타입 변환 작업을 수행하기 위해 많은 다른 메서드를 제공합니다.

다음 섹션에서, 우리는 이러한 메서드를 자세히 논의할 것입니다.

값을 문자열로 변환

호출하여String()함수 또는x.toString()메서드를 사용하여 값을 명시적으로 문자열로 변환합니다.

이를 통해String()함수, 우리는 값을true파라미터로 전달하여布尔 값을 문자열로 변환할 수 있습니다:

String(true);//　반환 "true"
테스트를 보세요‹/›

또한, 우리는 숫자를 함수에 전달할 수 있습니다

String(108);//　반환 "108"
테스트를 보세요‹/›

우리는 typeof 연산자를 사용하여 타입을 확인할 수 있습니다:

typeof String(true);//　반환 "string"
typeof String(108);　//　반환 "string"
테스트를 보세요‹/›

우리는 유사한 방식으로 사용할 수 있습니다x.toString()메서드. 우리는 x를 변수로 대체할 수 있습니다:

let　temp　=　108;
temp.toString();
테스트를 보세요‹/›

또는, 우리는 값을 괄호 안에 넣을 수도 있습니다. x.toString()를 사용하지 않고 변수 설정을 할 수 있습니다:

(9048).toString();//　반환 "9048"
(false).toString();　　　//　반환 "false"
(50　+　20).toString();　//　반환 "70"
테스트를 보세요‹/›

사용하여String()또는x.toString()Boolean이나 number 데이터 타입의 값을 명시적으로 문자열 값으로 변환할 수 있습니다. 이를 통해 우리의 코드가 예상대로 실행되도록 합니다.

값을 숫자로 변환

값을 숫자 데이터 타입으로 변환할 때, 우리는Number()함수.

먼저, 우리는 숫자 텍스트 문자열을 숫자로 변환할 것입니다. 하지만布尔 값을 변환할 수도 있습니다.

우리는 숫자 문자열을 전달할 수 있습니다Number()함수:

Number("1992");//　반환　1992
테스트를 보세요‹/›

우리는 문자열을 변수에 할당하고 변환할 수도 있습니다:

let　debt　=　"3500";
Number(debt);　//　반환　3500
테스트를 보세요‹/›

공백 문자열이나 공백 문자열은 0으로 변환됩니다(0):

Number("　");//　0을 반환
Number("");　//　0을 반환
테스트를 보세요‹/›

　 　 주의하십시오. 비숫자 문자열은 NaN으로 변환됩니다, NaN은비숫자이것은 공백으로 구분된 숫자를 포함합니다:

Number("seventy");　　　//　NaN을 반환
Number("Hello　world");　　　//　NaN을 반환
Number("12,000");//　NaN을 반환
Number("5　7");　　　//　NaN을 반환
Number("26-11-2008");//　NaN을 반환
테스트를 보세요‹/›

부울 데이터 유형에 대해false의값은0،true의값은1：

Number(false);　　//　0을 반환
Number(true);　　　//　반환　1
테스트를 보세요‹/›

파라미터가 Date 객체인 경우Number()이 함수는 UTC 1970년1월1UTC에서 일자午夜까지의 밀리초수:

Number(new　Date());
테스트를 보세요‹/›

이Number()함수는 비숫자 데이터 유형을 숫자로 변환합니다.

값을 불리언 값으로 변환

숫자나 문자열을 불리언 값으로 변환하려면 Boolean() 함수를 사용하십시오.

빈 값으로 해석되는 모든 값（예：숫자 0, 빈 문자열 또는 undefined 또는 NaN 또는 null의 값）은 다음과 변환됩니다false：

Boolean(0);　//　false를 반환
Boolean("");//　false를 반환
Boolean(undefined);　//　false를 반환
Boolean(NaN);　　　//　false를 반환
Boolean(null);　　//　false를 반환
테스트를 보세요‹/›

기타 값은 다음과 변환됩니다true공백으로 구성된 문자열 텍스트를 포함하여

Boolean(50);　//　true를 반환
Boolean(-50);//　true를 반환
Boolean(3.14);　　　//　true를 반환
Boolean("false");//　true를 반환
Boolean("Hello　World");　　//　true를 반환
테스트를 보세요‹/›

주의할 것은, "0" 문자열 텍스트는 다음과 변환됩니다true，그러나 이는 비어 있지 않은 문자열 값입니다:

Boolean("0");　　　//　true를 반환
테스트를 보세요‹/›

숫자와 문자열을 불리언 값으로 변환하면 데이터를 평가할 수 있으며, 이를 통해 프로그램에서 특정 스트림을 지정할 수 있습니다.

배열을 문자열로 변환

toString()이 메서드는 배열을 (쉼표로 구분된) 배열 값의 문자열로 변환합니다.

var　months　=　["Jan",　"Feb",　"Mar",　"Apr",　"May"];
document.getElementById("result").innerHTML　=　months.toString();
테스트를 보세요‹/›

join()이 메서드는 배열의 모든 요소를 새로운 문자열로 변환합니다.

이 메서드의 행동은 다음과 유사합니다toString()，하지만 구분자를 지정할 수도 있습니다.

var　fruits　=　["Banana",　"Apple",　"Mango"];
fruits.join("　+　");　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　");　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana　©　Apple　©　Mango
테스트를 보세요‹/›

기대되는 원래 값이 있을 때, JavaScript는 자동으로 배열을 쉼표로 구분된 문자열로 변환합니다.

当您尝试输出数组时，总是如此。

배열을 출력하려고 할 때, 항상 이렇게 됩니다.
let fruits = ["Apple", "Mango", "Banana", "Orange"];
테스트를 보세요‹/›

document.getElementById("result").innerHTML = fruits;

split()문자열을 배열로 변환

문자열을 서브 문자열 배열로 분할하고 새로운 배열을 반환하는 메서드를 사용하겠습니다.split()메서드를 사용하여 공백 문자로 구분된 배열을 구분합니다.

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("　");
테스트를 보세요‹/›

지금 우리는arr변수에 새로운 배열이 생겼습니다. 각 요소에 인덱스 번호로 접근할 수 있습니다:

arr[0];　　　//　Air
arr[2];　　　//　is
테스트를 보세요‹/›

다음 예제에서, "i"를 구분자로 사용하겠습니다:

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("i");
테스트를 보세요‹/›

빈 문자열("")를 구분자로 사용하면, 문자열이 문자 배열로 변환됩니다:

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("");
테스트를 보세요‹/›
JavaScript 정규 표현식(RegExp)JavaScript Boolean(부울) 객체