자바스크립트 데이터 유형

JavaScript 데이터 유형

데이터 유형

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

typeof 연산자

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

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

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

 ● "문자열" —이 값이 문자열인 경우;

 ● "숫자"——이 값이 숫자 값인 경우;

 ● "개체"——이 값이 개체 또는 null인 경우;

 ● "함수"——If 이 값은 함수입니다.

 정의되지 않은 유형

 정의되지 않은 유형에는 특수한 정의되지 않은 값이 하나만 있습니다. 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)
{ .

 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("Value is true");
    }

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

Number type

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

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

alert(NaN == NaN); //false

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

alert(isNaN(NaN));    //true
    alert(isNaN(10));    //false(10是一个数值)
    alert(isNaN("10"));    //false(可能被转换为数值10)
    alert(isNaN("blue"));    //true(不能被转换为数值)
    alert(isNaN(true));    //false(可能被转换为数值1)

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

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

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

 ● 숫자 값인 경우에는 단순히 전달됩니다. in 및 반환

 ● null 값인 경우 0을 반환

● 정의되지 않은 경우 NaN을 반환

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

 ○ 문자열에 숫자만 포함된 경우 변환합니다. 즉, "1"은 1이 되고, "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);            //1

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

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

   var num1 = parseInt("1234blue");    //1234
    var num2 = parseInt("");            //NaN
    var num3 = parseInt("0xA");            //10(十六进制)
    var num4 = parseInt("22.5");        //22
    var num5 = parseInt("070");            //56(八进制)
    var num6 = parseInt("70");            //70
    var num7 = parseInt("10",2);        //2(按二进制解析)
    var num8 = parseInt("10",8);        //8(按八进制解析)
    var num9 = parseInt("10",10);        //10(按十进制解析)
    var num10 = parseInt("10",16);        //16(按十六进制解析)
    var num11 = parseInt("AF");            //56(八进制)
    var num12 = parseInt("AF",16);        //175


parseInt() 함수와 유사하게,parseFloat()도 첫 번째 문자(위치 0)부터 시작하는 각 문자를 구문 분석합니다. 그리고 문자열이 끝날 때까지 또는 잘못된 부동 소수점 숫자 문자가 나타날 때까지 구문 분석됩니다. 즉, 문자열의 첫 번째 소수점은 유효하지만 두 번째 소수점은 유효하지 않으므로 그 뒤의 문자열은 무시됩니다. 예를 들어 "22.34.5"는 22.34로 변환됩니다.

 parseFloat()과 parseInt()의 두 번째 차이점은 항상 선행 0을 무시한다는 것입니다. parseFloat() 값은 십진수 값을 구문 분석하므로 두 번째 인수로 밑수를 지정하는 용도가 없습니다. String 유형은 0개 이상의 16비트 유니코드 문자, 즉 문자열로 구성된 문자 시퀀스를 나타내는 데 사용됩니다. 문자열은 작은따옴표(') 또는 큰따옴표(")로 표시할 수 있습니다.

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

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

 Alert(str1.length); //출력 5

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

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


숫자 값, 부울 값, 문자열 값 그러나 null 및 정의되지 않은 값에는 이 메서드가 없습니다. 대부분의 경우 값의 toString() 메서드를 호출할 때 매개변수를 전달할 필요가 없습니다.


  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

.

 이 예에서 볼 수 있듯이 base를 지정하면 toString() 메서드가 출력 값을 변경합니다. 값 10은 기수에 따라 출력 중에 다른 숫자 형식으로 변환될 수 있습니다.

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

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

 ● 값이 null이면 "null"을 반환합니다.

 ● 값이 정의되지 않은 경우 "정의되지 않음"이 반환됩니다


var num = 10;
    alert(num.toString());      //"10"
    alert(num.toString(2));     //"1010"
    alert(num.toString(8));     //"12"
    alert(num.toString(10));    //"10"
    alert(num.toString(16));    //"a"


 객체 유형

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

 var o = new Object();

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

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

 ● hasOwnProperty(propertyName) - for 주어진 속성이 (인스턴스의 프로토타입이 아닌) 현재 ​​객체 인스턴스에 존재합니다. 그 중 매개변수인 속성명(propertyName)은 반드시 문자열 형식으로 지정해야 합니다. (예: o.hasOwnProperty("name"))

 ● isPrototypeOf(object) - 들어오는 객체가 맞는지 확인하는데 사용됩니다. 또 다른 객체 Prototype

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

 ● toString() - 객체의 문자열 표현을 반환합니다.

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


지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var carname1="pen"; var carname2="box"; var answer1="It's alright"; var answer2="He is called 'Johnny'"; var answer3='He is called "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!