>  기사  >  웹 프론트엔드  >  자바스크립트 데이터 유형

자바스크립트 데이터 유형

高洛峰
高洛峰원래의
2016-11-28 15:53:25874검색

데이터 유형

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으로 문의하세요.