>  기사  >  웹 프론트엔드  >  자바스크립트 기본 데이터 유형 및 변환 작업 수행 방법에 대한 자세한 설명

자바스크립트 기본 데이터 유형 및 변환 작업 수행 방법에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-18 16:35:061431검색

javascript에는 정의되지 않음, Null, 부울, 숫자 및 문자열의 5가지 기본 데이터 유형이 있습니다. 복잡한 데이터 유형인 Object도 있습니다. Object는 기본적으로 순서가 지정되지 않은 이름-값 쌍(키-값 쌍) 세트로 구성됩니다. javascript는 사용자 정의 유형을 생성하는 메커니즘을 지원하지 않습니다.

JavaScript는 느슨한 형식이므로 변수의 데이터 형식을 감지하는 수단이 필요합니다. Typeof는 이 함수를 사용하는 연산자입니다. 변수를 감지하기 위해 typeof를 사용하면 다음 문자열 중 하나가 반환될 수 있습니다.

"undefine" Variable is undefine
"boolean" 변수는 부울 값입니다
"string" 변수는 문자 문자열입니다
"숫자" 변수는 숫자 값입니다
"object" 변수는 개체이거나 null입니다
"function" 변수는 함수입니다

기술적인 관점에서 함수는 데이터 유형이 아닌 객체입니다. 그러나 함수에는 몇 가지 특별한 속성이 있으므로 함수를 다른 객체와 구별하려면 typeof를 사용해야 합니다.

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


var a;
alert(a == undefined);  //true

그러나 정의되지 않은 값이 포함된 변수는 다음과 같이 정의되지 않은 변수와 다릅니다.


var a; // 这个变量声明之后默认取得了undefined值
// 下面这个变量并没有声明
// var b
alert(a);  // "undefined"
alert(b);  // 产生错误

그러나 선언되지 않았거나 초기화되지 않은 변수에 typeof를 사용하면 다음과 같이 정의되지 않은 값이 반환됩니다.


var a;
// var b;
alert(typeof a); // "undefined"  
alert(typeof b); // "undefined"

Null 유형에도 null인 값이 하나만 있습니다. 논리적 관점에서 null 값은 null 포인터를 나타내므로 null 값을 감지하기 위해 typeof를 사용하면 다음과 같은 "객체"가 반환됩니다.


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

따라서 객체를 저장하기 위해 변수를 정의하려는 경우 , 변수를 null로 초기화하는 것이 가장 좋습니다. 실제로, 정의되지 않은 값은 null 값에서 상속되므로 동등하다고 판단하면 true가 반환됩니다.

alert(null == undefined);     // true

null과 정의되지 않음이 이러한 관계를 갖고 있지만 용도는 완전히 다릅니다. 그러나 아직 객체를 저장하지 않은 객체 변수를 정의할 때에는 해당 변수를 null로 설정해야 합니다. 이는 빈 객체에 대한 포인터로 null을 반영할 뿐만 아니라 null과 정의되지 않음으로 구분됩니다.

Boolean 유형에는 true와 false라는 두 가지 리터럴 값이 있지만 모든 유형의 값은 Boolean() 함수를 호출하여 Boolean 유형 값으로 변환할 수 있습니다. 다음 표에는 다양한 데이터 유형에 해당하는 변환 규칙이 나열되어 있습니다. :

데이터 유형 참 값으로 변환 거짓 값으로 변환
Boolean true false
String  Any non-empt y 문자열 ""빈 문자열
Number 0이 아닌 모든 숫자 값 0 및 NaN
Object Any object null
Undefine / undefine

Number类型分为整数和浮点数,整数可以用十进制,八进制或十六进制表示,如:


var num1 = 22; //十进制整数
var num2 = 070; //八进制的56
var num3 = 079; // 无效的八进制,解析为十进制79
var num4 = 08; //无效的八进制,解析为十进制8
var num5 = 0xA; //十六进制的10
var num6 = 0x1f; //十六进制的31

但是八进制字面量在严格模式下是无效的,在进行算数计算时,所有的数值最终都会转换为十进制数值。浮点数值必须包含一个小数点,如:


var floatNum1 = 1.1;
var floatNum2 = .1; //有效,但不推荐
var floatNum3 = 1.; //小数点后面没有数字,解析为1
var floatNum4 = 10.0; //整数,解析为10

浮点数值的最高精度是17位小数,但在进行算数计算时精确度远不如整数,例如:


var a = 0.1;
var b = 0.2;
var c = a + b; //c的值为0.30000000000000004

NaN,即非数值,是一个特殊的Number值,NaN有两个特点:任何和NaN操作的结果都会返回NaN,NaN与任何值都不相等,包括NaN。使用isNaN()函数可以判断一个值是不是NaN,isNaN()在接收到一个参数时,会尝试将这个值转换为数值,任何不能转换为数值的值都会返回true,如:


alert(isNaN(NaN)); //true
alert(isNaN(10)); //false(10是一个数值)
alert(isNaN("10")); //false(可以被转换为数值10)
alert(isNaN("abc")); //true(不能转换为数值)
alert(isNaN(true)); //false(可以转换为数值1)
var obj = {name:"zhangsan", age:"1"};
alert(isNaN(obj)); //true

isNaN()也能转换对象,对象调用isNaN()时,会首先调用对象的valueOf()方法,然后确定该方法的返回值是否可以转换为数值,如果不能,则用这个返回值再调用toString()方法,再测试返回值。

非数值转换成数值的方法有三个:Number()、parseInt()、parseFloat()。Number()可以转换任何数据类型的值,而parseInt()和parseFloat()只能转换字符串。

Number()函数有以下转换规则:

1.如果是Boolean值,true转换为1,false转换为0;


var num = Number(true); //1
var num2 = Number(false); //0

2.如果是Number值,就和传入的值一样;

var num = Number(1);    //1

3.如果是null,转换为0;

var num = Number(null);    //0

4.如果是undefined,转换为NaN;

var num = Number(undefined);    //NaN

5.如果是String值,要分多种情况,如果是空字符串,则转换为0;如果是纯数字的字符串,则将其转换为相对应的数值,如果字符串是数字且包含".",则将其转换为对应的浮点数值(如果字符串最前面是0,会被忽略),如果字符串是有效的十六进制格式,会将其转换为对应的十进制数值;如果字符串包含上述格式之外的字符,则转换为NaN;如果字符串是对象,会首先调用对象的valueOf()方法,然后确定该方法的返回值是否可以转换为数值,如果结果是NaN,则调用toString()方法,再测试返回值。


var num = Number("Hello World"); //NaN
var num2 = Number(""); //0
var num3 = Number("01"); //1
var num4 = Number("01.1"); //1.1
var obj = {name:"zhangsan", age:"1"};
alert(Number(obj)); //NaN

由于Number()在转换字符串是比较复杂,所以转换字符串常用parseInt()和parseFloat()。这两个函数在转换字符串时,会检测该字符串是否符合数值模式,从第一个非空格字符开始解析,如果第一个字符不是数值或者负号,则返回NaN(包括空字符串)。如果第一个字符是字符串,则继续解析后面的字符,直到解析完所有的字符或者遇到非数字字符。

parseInt()能够识别各种整数格式(十进制、八进制、十六进制),如果字符串以"0x"开头且后跟数字字符,就会被解析为十六进制,如果以"0"开头且后跟数字字符,则会被解析为八进制(ECMAScript5不识别八进制,会将前面的0忽略,解析为十进制)。


var num = parseInt("123Hello"); //123
var num2 = parseInt("");     //NaN
var num3 = parseInt("0xA");   //10(十六进制)
var num4 = parseInt("22.3"); //22
var num5 = parseInt("070"); //56(ECMAScript3八进制) 70(ECMAScript5十进制)
var num6 = parseInt("23"); //23(十进制)

为了解决兼容性问题,parseInt()提供第二个参数,以何种数值格式解析。


var num1 = parseInt("0xAF", 16);  //175
var num2 = parseInt("AF", 16);  //175,可以省略前面的"0x"
var num3 = parseInt("10", 2);  //2(二进制)
var num3 = parseInt("10", 8);  //8(八进制)
var num3 = parseInt("10", 10);  //10(十进制)
var num3 = parseInt("10", 16);  //16(十六进制)

parseFloat()只识别第一个小数点,后面的小数点就无效了,同时parseFloat()只识别是十进制值,所以没有第二个参数,别的格式数值会被解析为0。


var num = parseFloat("123Hello");  //123
var num = parseFloat("0xA");  //0
var num = parseFloat("12.1");  //12.1
var num = parseFloat("12.1.1");  //12.1
var num = parseFloat("023");  //23
var num = parseFloat("1.1e3");  //1100

String类型值由若干个Unicode字符组成的字符序列构成,可以由单引号('')或者双引号("")表示,但是左右引号必须匹配。


var str1 = "abc";
var str2 = &#39;abc&#39;;<br>var str3 = "abc&#39;; //语法错误

将一个值显式转换为字符串有两种方法,toString()和String(),数值、布尔值、对象和字符串都有toString()方法和String()方法,而undefined和null只有String()方法,toString()的参数是转换的进制格式。


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"
alert(true.toString());  //"true"
String(num);  //"10"
String(true);  //"true"
String(null); //"null"
var num1;
String(num1); //"undefined"

위 내용은 자바스크립트 기본 데이터 유형 및 변환 작업 수행 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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