웹 프론트엔드 JS 튜토리얼 자바스크립트 데이터 유형

자바스크립트 데이터 유형

Nov 28, 2016 pm 03:53 PM
JavaScript

데이터 유형

JavaScript에는 정의되지 않음, Null, 부울, 숫자 및 문자열의 5가지 단순 데이터 유형(기본 데이터 유형이라고도 함)이 있습니다. 복잡한 데이터 유형인 Object도 있습니다. Object는 기본적으로 순서가 지정되지 않은 이름-값 쌍 세트로 구성됩니다.

Typeof 연산자

JavaScript는 느슨한 형식이므로 주어진 변수의 데이터 유형을 감지하는 방법이 필요합니다. typeof는 공급자측 정보 제공을 담당하는 연산자입니다. 값에 typeof 연산자를 사용하면 다음 문자열 중 하나가 반환될 수 있습니다.

● "정의되지 않음" - 값이 정의되지 않은 경우

● "boolean" - 값이 부울 값인 경우,

● "문자열" - 값이 문자열인 경우

● "숫자" - 값이 숫자 값인 경우

● "객체" - —If 이 값은 객체이거나 null입니다.

● “함수” — 이 값이 함수인 경우

 정의되지 않은 유형

정의되지 않은 유형에는 값이 하나만 있습니다. 특별 정의되지 않음. var를 사용하여 변수를 선언했지만 초기화되지 않은 경우 변수 값은 정의되지 않습니다. 예:

var message;
Alert(message == undefine) //true

Null 유형

Null 유형은 값이 하나만 있는 두 번째 데이터 유형이며 이 특수 값은 null입니다. 논리적 관점에서 볼 때 null 값은 null 객체 포인터를 나타내며, 이것이 null을 감지하기 위해 typeof 연산자를 사용할 때 "object"가 반환되는 이유입니다. 예:

var car = null;
Alert(typeof car); // "object"

정의된 변수를 향후 객체 저장에 사용할 예정이라면 다른 변수 대신 null로 초기화하는 것이 가장 좋습니다. 가치. 이런 방식으로 null 값을 직접 감지하여 해당 변수가 객체에 대한 참조를 저장했는지 여부를 알 수 있습니다. 예:

if(car != null)
{
// 예 자동차 객체는 몇 가지 작업을 수행합니다
}

실제로 정의되지 않은 값은 null 값에서 파생되므로 ECMA-262에서는 이에 대한 동등성 테스트가 true를 반환하도록 규정합니다.

 alert(undefine == null); //true

null과 undefine은 이런 관계가 있지만 용도는 전혀 다릅니다. 어떤 경우에도 변수 값을 명시적으로 정의되지 않음으로 설정할 필요는 없지만 null에는 동일한 규칙이 적용되지 않습니다. 즉, 개체를 보유하도록 의도된 변수가 실제로 개체를 보유하지 않는 한 변수가 null 값을 보유하도록 명시적으로 허용해야 합니다. 이렇게 하면 null 객체 포인터로서의 null 규칙을 반영할 뿐만 아니라 null과 정의되지 않은 것을 더 잘 구별하는 데도 도움이 됩니다.

부울 유형

이 유형에는 true와 false라는 두 가지 리터럴 값만 있습니다. 이 두 값은 숫자값과 동일하지 않으므로 true가 반드시 1이 되는 것은 아니며 false가 반드시 0이 되는 것은 아닙니다.

Boolean 유형의 리터럴 값은 2개뿐이지만 JavaScript의 모든 유형의 값은 이 두 Boolean 값에 해당하는 값을 갖습니다. 값을 해당 부울 값으로 변환하려면 유형 변환 함수 Boolean()을 호출할 수 있습니다. 예를 들면 다음과 같습니다.

var message = 'Hello World';
var messageAsBoolean = Boolean(message);

이 예에서는 message 문자열이 부울 값으로 변환되어 messageAsBoolean 변수에 저장됩니다. Boolean() 함수는 모든 데이터 유형의 값에 대해 호출될 수 있으며 항상 부울 값을 반환합니다. 반환된 값이 true인지 false인지는 변환할 값의 데이터 유형과 실제 값에 따라 다릅니다. 다음 표에는 다양한 데이터 유형과 해당 객체에 대한 변환 규칙이 나와 있습니다.

자바스크립트 데이터 유형

이러한 변환 규칙은 흐름 제어 문(예: if 문)을 이해하고 해당 부울 변환을 자동으로 수행하는 데 매우 중요합니다. 예:

var message = 'Hello World';
if(message)
{
Alert("값은 true");
}

이 예제를 실행하면 경고 상자가 나타납니다. 문자열 메시지가 해당 부울 값(true)으로 자동 변환되기 때문입니다. 이는 자동으로 부울 변환을 수행하므로 흐름 제어문에서 어떤 변수가 사용되는지 정확히 아는 것이 중요합니다.

숫자 유형

이 유형은 정수 및 부동 소수점 값을 나타내는 데 사용되며 NaN(Not a Number)이라는 특수한 값도 있습니다. 이 값은 값을 반환해야 하는 피연산자가 값을 반환하지 않음을 나타내는 데 사용됩니다(그래서 오류가 발생하지 않습니다). 예를 들어, 다른 프로그래밍 언어에서는 숫자 값을 0으로 나누면 코드 실행이 중지되는 오류가 발생합니다. 그러나 JavaScript에서는 0으로 나눈 모든 값이 NaN을 반환하므로 다른 코드 실행에 영향을 미치지 않습니다.

NaN 자체에는 두 가지 특별한 특성이 있습니다. 첫째, NaN(예: NaN/10)과 관련된 모든 연산은 NaN을 반환하므로 다단계 계산에서 문제가 발생할 수 있습니다. 둘째, NaN은 NaN 자체를 포함한 어떤 값과도 동일하지 않습니다. 예를 들어 다음 코드는 false를 반환합니다.

alert(NaN == NaN); //false

JavaScript에는 isNaN() 함수가 있으며 이 함수는 모든 유형의 매개변수를 허용합니다. 이 함수는 이 매개변수가 "숫자 값이 아닌지" 여부를 결정하는 데 도움이 됩니다. isNaN()은 값을 받은 후 해당 값을 숫자 값으로 변환하려고 시도합니다. 숫자가 아닌 일부 값은 문자열 "10"이나 부울 값과 같은 숫자 값으로 직접 변환됩니다. 숫자 값으로 변환할 수 없는 값은 이 함수가 true를 반환하도록 합니다. 예를 들면 다음과 같습니다.

경보(isNaN(NaN)); //true
경보(isNaN(10)) //false(10은 숫자 값입니다)
경보(isNaN("10) ") ); //false (숫자값 10으로 변환 가능)
Alert(isNaN("blue")); //true (숫자값으로 변환할 수 없음)
Alert(isNaN(true) )); //false (숫자값 1로 변환 가능)

숫자가 아닌 값을 숫자값으로 변환할 수 있는 함수는 Number(),parseInt(),parseFloat 3가지가 있습니다. (). 첫 번째 함수인 변환 함수 Number()는 모든 데이터 유형에 사용할 수 있는 반면, 다른 두 함수는 특히 문자열을 숫자로 변환하는 데 사용됩니다. 이 세 가지 함수는 동일한 입력에 대해 서로 다른 결과를 반환합니다.

Number() 함수의 변환 규칙은 다음과 같습니다.

● Boolean 값인 경우 true와 false는 각각 1과 0으로 대체됩니다

● 숫자 값인 경우 그냥 전달하고 반환

● null 값인 경우 0 반환

● 정의되지 않은 경우 NaN

반환 ● 문자열인 경우 다음 규칙을 따릅니다.

 ○ 문자열에 숫자만 포함된 경우 십진수로 변환됩니다. 즉, "1"은 1이 되고, "123"은 "123"이 됩니다. 123, "011"은 11이 됩니다(선행 0은 무시됩니다)

 ○ 문자열에 "1.1"과 같은 유효한 부동 소수점 형식이 포함된 경우 해당 부동 소수점 숫자로 변환됩니다(마찬가지로 , 선행 0도 무시됨)

 ○ 문자열에 "0xf"와 같은 유효한 16진수 형식이 포함된 경우 동일한 크기의 10진수 정수 값으로 변환합니다.

 ○ 문자열이 비어 있으면 0으로 변환

 ○ 문자열에 위 형식 이외의 문자가 포함되어 있으면 NaN으로 변환

● 객체인 경우 valueOf()를 호출합니다. 메서드를 선택한 다음 이전 규칙을 따라 반환된 값을 변환합니다. 변환 결과가 NaN이면 객체의 toString() 메서드가 호출되고, 반환된 문자열 값은 이전 규칙에 따라 변환됩니다.

var num1 = Number("Hello World"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); 11
var num4 = Number(true); parsInt() 함수. parseInt() 함수가 문자열을 변환할 때 숫자 패턴을 따르는지 여부에 따라 더 달라집니다. 공백이 아닌 첫 번째 문자를 찾을 때까지 문자열의 선행 공백을 무시합니다. 첫 번째 문자열이 숫자 또는 음수 기호가 아닌 경우,parseInt()는 NaN을 반환합니다. 즉, 빈 문자열을 변환하기 위해 parseInt()를 사용하면 NaN이 반환됩니다. 첫 번째 문자가 숫자인 경우 praseInt()는 모든 후속 문자가 구문 분석되거나 숫자가 아닌 문자를 만날 때까지 두 번째 문자를 계속 구문 분석합니다. 예를 들어, "1234blue"는 소수점이 유효한 숫자 문자가 아니기 때문에 "1234blue"는 1234로 변환되고 "22.5"는 22로 변환됩니다.

문자열의 첫 번째 문자가 숫자인 경우,parseInt()는 다양한 정수 형식(예: 10진수, 8진수, 16진수)도 인식할 수 있습니다. parsInt() 함수의 변환 규칙을 더 잘 이해하기 위해 아래에 몇 가지 예가 나와 있습니다.

var num1 = PARSEINT ("1234blue"); // 1234
var num2 = PARSEINT ("") // Nan
var num3 = Parseint ("0xa")
var num4 =parseInt("22.5"); var num4 =parseInt("070"); var num6 =parseInt("70") ; var num9 = parseInt ("10",10); //10(10진수 형식으로 구문 분석됨)
var num10 =parseInt("10",16); //16(16진수 형식으로 구문 분석)
var num11 = parsInt( "AF");                                                                                               ' ' ' 사용 ' ‐ ‐ ‐ ‐ 를 사용하여 구문 분석하는 경우, var num11 =parseInt("AF"); () 함수도 유사하며,parseFloat()도 다음에서 시작하는 각 문자를 구문 분석합니다. 첫 번째 문자(위치 0). 그리고 문자열이 끝날 때까지 또는 잘못된 부동 소수점 숫자 문자가 나타날 때까지 구문 분석됩니다. 즉, 문자열의 첫 번째 소수점은 유효하지만 두 번째 소수점은 유효하지 않으므로 그 뒤의 문자열은 무시됩니다. 예를 들어 "22.34.5"는 22.34로 변환됩니다.

parseFloat()와 parseInt()의 두 번째 차이점은 항상 선행 0을 무시한다는 것입니다. parseFloat() 값은 십진수 값을 구문 분석하므로 두 번째 매개 변수로 밑수를 지정하는 용도가 없습니다.
var num1 = PARSEFLOAT ("1234blue"); // 1234
VAR NUM2 = PARSEFLOAT ("0xa") // 0
Var Num3 = Parsefloat ("22.5") // 22.5
var num4 =parseFloat("22.34.5"); //22.34
var num5 =parseFloat("0908.5") //908.5

문자열 유형

String 유형은 0개 이상의 16비트 유니코드 문자로 구성된 일련의 문자, 즉 문자열을 나타내는 데 사용됩니다. 문자열은 작은따옴표(') 또는 큰따옴표(")로 표시할 수 있습니다.

var str1 = "Hello";
var str2 = 'Hello';


any 문자열의 길이는 해당 길이 속성에 액세스하여 얻을 수 있습니다.

Alert(str1.length); //Output 5

값을 문자열로 변환하는 방법에는 두 가지가 있습니다. 방법. 첫 번째는 거의 모든 값에 사용할 수 있는 toString() 메서드를 사용하는 것입니다. var age = 11;

var ageAsString = age.toString(); //String "11"

varfound = true ;
varfoundAsString =found.toString(); //String "true"

숫자, 부울, 객체 및 문자열 값에는 모두 toString() 메소드가 있지만 null 및 정의되지 않은 값이 있습니다. ​​대부분의 경우 toString() 메서드를 호출할 때는 매개변수를 전달할 필요가 없습니다. 그러나 값의 toString() 메서드를 호출할 때는 매개변수, 즉 출력 값을 전달할 수 있습니다. 기본.

var num = 10;
경고(num.toString()) //"10"

경고(num.toString(2)); > 경고(num.toString(8)); //"12"

경고(num.toString(10)); //"10"

경고(num.toString(16)) //" a"



이 예제에서 볼 수 있듯이 base를 지정하면 toString() 메서드에서 출력 값이 변경됩니다. 값 10은 출력 시에 따라 다른 값으로 변환될 수 있습니다.

변환할 값이 null인지 정의되지 않은지 알 수 없는 경우 모든 유형의 값을 문자열로 변환할 수 있는 변환 함수 String()을 사용할 수도 있습니다. 다음 변환 규칙을 따르세요.

● 값에 toString() 메서드가 있는 경우 매개변수 없이 이 메서드를 호출하고 해당 결과를 반환합니다.

● 값이 null인 경우 "를 반환합니다. null"

● 값이 정의되지 않은 경우 "정의되지 않음"을 반환

var value1 = 10;
var value2 = true;
var value3 = null;
var 값4;
경고(문자열(값1)); //"10"

경고(문자열(값2)) //"참"

경고(문자열(값3));

Alert(String(value4)); //"정의되지 않음"

 객체 유형

객체는 실제로 데이터와 기능의 모음입니다. 객체는 생성할 객체 유형의 이름 뒤에 new 연산자를 실행하여 생성할 수 있습니다. 객체 유형의 인스턴스를 생성하고 여기에 속성 및/또는 메서드를 추가하여 사용자 정의 객체를 생성할 수 있습니다.

 var o = new Object();

Object의 각 인스턴스에는 다음과 같은 속성과 메서드가 있습니다.

● 생성자 - 객체를 생성하는 데 사용되는 객체를 보유합니다. 현재 객체 함수

● hasOwnProperty(propertyName) - 주어진 속성이 현재 객체 인스턴스(인스턴스의 프로토타입이 아님)에 존재하는지 확인하는 데 사용됩니다. 그 중, 매개변수인 속성명(propertyName)은 반드시 문자열 형태로 지정해야 합니다. (예: o.hasOwnProperty("name"))

● isPrototypeOf(object) - 여부를 확인하는 데 사용됩니다. 들어오는 객체는 다른 객체의 프로토타입

● propertyIsEnumerable(propertyName) - for-in 문을 사용하여 주어진 속성을 열거할 수 있는지 확인하는 데 사용됩니다.

● toString() - 반환 객체의 문자열 표현

● valueOf() – 객체의 문자열, 숫자 또는 부울 표현을 반환합니다. 일반적으로 toString() 메서드의 반환 값과 동일합니다.


본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? 내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? Mar 18, 2025 pm 03:12 PM

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까? 브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까? Mar 18, 2025 pm 03:14 PM

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? 프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? Apr 04, 2025 pm 02:42 PM

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

브라우저 개발자 도구를 사용하여 JavaScript 코드를 효과적으로 디버그하려면 어떻게해야합니까? 브라우저 개발자 도구를 사용하여 JavaScript 코드를 효과적으로 디버그하려면 어떻게해야합니까? Mar 18, 2025 pm 03:16 PM

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

jQuery 성능을 즉시 향상시키는 10 가지 방법 jQuery 성능을 즉시 향상시키는 10 가지 방법 Mar 11, 2025 am 12:15 AM

이 기사는 스크립트의 성능을 크게 향상시키기위한 10 가지 간단한 단계를 간략하게 설명합니다. 이러한 기술은 간단하고 모든 기술 수준에 적용 할 수 있습니다. 계속 업데이트 : Vite와 같은 번들과 함께 NPM과 같은 패키지 관리자를 활용하여

속도 및 MySQL과 함께 여권 사용 속도 및 MySQL과 함께 여권 사용 Mar 11, 2025 am 11:04 AM

속편은 약속 기반 Node.js ORM입니다. PostgreSQL, MySQL, MariaDB, Sqlite 및 MSSQL과 함께 사용할 수 있습니다. 이 튜토리얼에서는 웹 앱 사용자를위한 인증을 구현할 것입니다. 그리고 우리는 인기 인증 중간 인 여권을 사용할 것입니다

간단한 jQuery 슬라이더를 만드는 방법 간단한 jQuery 슬라이더를 만드는 방법 Mar 11, 2025 am 12:19 AM

이 기사에서는 jQuery 라이브러리를 사용하여 간단한 사진 회전 목마를 만들도록 안내합니다. jQuery를 기반으로 구축 된 BXSLIDER 라이브러리를 사용하고 회전 목마를 설정하기위한 많은 구성 옵션을 제공합니다. 요즘 그림 회전 목마는 웹 사이트에서 필수 기능이되었습니다. 한 사진은 천 단어보다 낫습니다! 그림 회전 목마를 사용하기로 결정한 후 다음 질문은 그것을 만드는 방법입니다. 먼저 고품질 고해상도 사진을 수집해야합니다. 다음으로 HTML과 일부 JavaScript 코드를 사용하여 사진 회전 목마를 만들어야합니다. 웹에는 다양한 방식으로 회전 목마를 만드는 데 도움이되는 라이브러리가 많이 있습니다. 오픈 소스 BXSLIDER 라이브러리를 사용할 것입니다. BXSLIDER 라이브러리는 반응 형 디자인을 지원 하므로이 라이브러리로 제작 된 회전 목마는

See all articles