>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 유형변환방법_자바스크립트 스킬

자바스크립트 유형변환방법_자바스크립트 스킬

WBOY
WBOY원래의
2016-05-16 18:17:561064검색

Javascript의 변수는 쉽게 사용할 수 있도록 적용 가능한(또는 필수) 콘텐츠로의 자유 유형 변환도 지원합니다.

약한 유형의 Javascript는 프로그래머가 원하는 대로 실제 변수 유형을 필수 데이터 유형으로 변환하지 않습니다. 예를 들어, 브라우저 스크립트에서 가장 흔히 저지르는 실수는 사용자가 양식 컨트롤에서 원하는 것을 얻는 것입니다. 하나의 입력 숫자변수와 다른 숫자변수의 합입니다. 양식 컨트롤의 변수 유형은 문자열(시간 제한 문자열 시퀀스에 숫자가 포함됨)이므로 이 시도는 해당 문자열을 변수에 추가합니다. 값이 숫자가 되더라도 두 번째 변수의 결과는 변환됩니다. 문자열 유형의 경우 양식 컨트롤에서 얻은 변수만 끝의 첫 번째 문자열 끝에 추가됩니다.

Boolean 타입으로 변환

표현식이 if 및 기타 판단 상황인 경우 타입 변환 결과는 Boolean 타입으로 판단됩니다. 이러한 판단에는 AND(&&), OR(||) 및 NOT(!)과 같은 논리 연산이 포함됩니다. not 연산은 변수를 bohr 유형으로 변환하고 변수가 bohr 유형인 경우 true입니다. 그러면 false를 반환하고, 그렇지 않으면 true를 반환합니다. 두 번의 비연산은 보어형으로 변환된 변수와 동일한 값을 반환합니다.
var boolValue = !!x;
이 기술은 나중에 사용됩니다.
또 다른 대안은 대상을 부울 생성자에 매개변수로 전달하는 것입니다.
var boolValue = Boolean(x);
(1) 숫자형을 Boolean으로 변환하면 값 0이 false가 되고 나머지 값은 true가 됩니다. 특수 숫자 값 NaN(Not a Number)을 제외하고 의미 있는 숫자가 반환되지 않을 때 다른 유형을 숫자 유형으로 변환할 때 NaN을 사용합니다. NaN은 항상 false를 반환합니다. 무한히 큰지, 무한히 작은지, 유한한 값인지에 관계없이 0이 아닌 이상 Boolean으로 변환하면 항상 true를 반환합니다.
(2) 문자열 유형 변환 규칙은 간단합니다. 문자열 유형에서 Boolean 유형으로의 변환은 false를 반환하는 빈 문자열을 제외하고 true를 반환합니다.
(3) 다른 유형의 경우 정의되지 않음 및 null은 false를 반환하고 객체 및 함수 유형은 항상 true를 반환합니다.
객체가 정의되지 않은 객체인지 판단해야 할 때 가장 유용한 기능입니다. 정의되지 않은 변수(undefine 또는 null)를 호출하면 오류가 발생합니다. 이것이 불확실한 경우(일반적으로 웹 브라우저가 관심을 두는 것), 코드 오류를 피하기 위해 객체에 대한 if 판단이 이루어져야 합니다. 객체를 표현식으로 사용하여 Bol 유형으로 변환하는 것이 좋습니다. false가 반환되면 객체가 존재하지 않는 것입니다.
if(document.documentElement){
scrollX = document.documentElement.scrollLeft;
}
두 가지 비작업으로 개체 사용 가능 여부를 결정할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var hasDocEl = !!document.documentElement;
...
if(hasDocEl){
scrollX = document.documentElement.scrollLeft;
}

转换到字符串类型


另外一种可选择的方法就是把目标作为参数传递给 String 构造函数。

var stringValue = String(x);

注意上面数值 123e-2 已经被转换为字符串 "1.23" ,因为已经由科学计数法转换为普通表达式了。然而,Javascript 的本质数值类型是来自于IEEE的双精度浮点类型,这就意味着只能储存有限的精度。数学操作结果可能只能产生近似的值。当他们转换到字符串时,可能会收到意想不到(指坏的)的结果。所以常常需要设置特定的定制函数用以获得可接受的结果。这种类型转换机制难以保证正常结果。

当一个对象或者函数被转换为字符串时,他们的 toString 方法将会被调用。默认会执行 Object.prototype.toString 以及Function.prototype.toString 除 除非重写 "toString" 方法。把一个函数转换到字符串,返回结果并非是必须的.Function.prototype.toString 方法就能完成大部分需要,它将会返回 "host objects" 和方法(这个对象和方法取决于不同环境,比如 DOM 元素)。

转换到数值型

转换到数值类型,特别是由字符串转换到数值类型,有很多通用的方法,任何数学操作方法除了加法( + )都会执行类型转换。所以转换字符串类型到数值类型可以使之与一个数值操作,比如减去零或者乘以一。

var numValue = stringValue - 0;

/* or */

var numValue = stringValue * 1;

/* or */

var numValue = stringValue / 1;

但是 + (取正)操作还是可以转换字符串类型到数值类型。因为他不做任何计算操作,所以这种方法是最快的。

顺便一提,相反数操作 - 同样也会执行类型转换,使得目标成为相反的结果。

var numValue = (+stringValue);

/* 这是不必要的,在 + 操作后已经被添加了括弧,只是为了使得代码更容易被人理解并且使得他很清楚,特别是避免了与添加和连续操作相混淆。


+ (取正)操作是最快的转换字符串类型到数值类型的方法。传递给 Number 构造函数一个参数,它将会执行类型转换并且返回一个数值类型。
var numValue = Number(stringValue);
Number构造函数是最慢的类型转换方法,但是当速度不是所考虑的关键时,使用它能够使得代码变得很干净。

对于其他类型,Objects 和 functions 总是被转换为 NaN 。undefined 与 null 同样代表没有东西,但是只有 null 被转换为数值零。可能是因为他们先被转换为波尔型,然后才转换为数值型,在上文中转换为波尔型的结果已经很清楚了, null 转换为波尔型将会返回 false 。它将会变为数值零。他们几乎都不必转换为数值类型,他们如何进行转换的真正意义在于为了考虑一些偶然的结果,要转换一个字符串时,结果返回的是他们这些(或者是由于进行了一些数学计算操作才返回了这些)。

parseFloat

对于 parseFloat 解析空字符串将会返回对于 parseFloat 解析空字符串将会返回 NaN ,是因为空字符串不属于数字表达式。指数可以被解析,由0起头的八进制不会阻止字符串解析为十进制数。十六进制数却因为 "x" 无法作为数字被解析而停止解析而返回一个零。

非字符串类型转换成为快速转换,作为一个字符串传递给 parseFloat 。当那些类型转换作为字符串时不在是正常的结果,它的解析结果是 NaN,Objects 和 functions 。可能有自定义 toString 方法返回字符串将会被解析成为数值,这是一个特殊的要求。

parseInt
parseInt 函数的工作方式和parseFloat 有些相似,不同之处在于它是尝试把字符串转换为整型数值,只能辨认几个少数作为数字的符号。

parseInt 함수는 단정밀도 부동 소수점 숫자 유형을 정수로 변환하는 데 가끔 사용됩니다. 이 변환은 먼저 문자열형에서 단정밀도 숫자형으로의 변환이 필요하므로 적합하지 않습니다. 또한 오류가 발생하기 때문에 매우 비효율적입니다. 예를 들어 과학 표기법 값 2e-200의 올바른 반환 값은 0이어야 하는데,parseInt는 2를 반환합니다. 그리고 Javascript 형식으로 인해 값이 근사치로 반환되는 경우가 많습니다. 예를 들어, 1/2 1/3 1/6 = 0.9999999999999999입니다. 이 표현식 결과의 대략적인 값은 1이어야 하지만 parseInt는 0을 반환합니다.
대략적인 값을 얻을 수 있는 Math.round, Math.ceil 및 Math.floor가 이 작업에 더 적합합니다. 결과를 얻기 위해서는 표현식이 32비트 부호 있는 정수로 처리됩니다. 다음 상황에도 적용됩니다.

Math.round 함수는 일반적인 반올림을 수행하므로 0.4 이하는 무시되고 0.5 이상은 1씩 더해집니다. Math.ceil 함수는 소수가 있을 때마다 1을 더합니다. Math.floor 함수는 소수점 이하 자릿수에 관계없이 무시됩니다. 이러한 함수의 정의를 보면,parseInt 메소드가 Math.floor와 동일한 방식으로 소수를 처리한다는 것을 알 수 있습니다.

ToInt32
ToInt32는 유용하기는 하지만 parseInt처럼 직접 호출할 수 없는 내장 함수입니다. 이를 사용하여 Javascript 변수를 숫자로 변환하는 몇 가지 특이한 방법이 있습니다. 그러나 일부 제한된 상황에서는 사용할 수 있습니다. 숫자 값에 대해 작동하는 비트 OR(|) 및 비트 AND(&)와 같은 비트 연산은 연산 시 숫자 유형으로 변환될 수 있습니다. 그러나 이는 32비트 부호 있는 정수에서만 작동하므로 내장 함수 ToInt32를 호출하여 변환된 32비트 부호 있는 정수 변수(유형 변환용)를 반환할 수 있습니다. 결과는 결과가 32비트로 제한되어 NaN이나 Infinity가 없는 모두 숫자 값이라는 점을 제외하고는parseInt 함수를 호출한 후와 같습니다. Null 값으로 연산을 해도 반환되는 결과는 숫자 값입니다. 비트 연산을 사용해도 결과에는 영향이 없지만 ToInt32 함수를 호출할 수 있습니다.

정의되지 않은 경우에도 객체와 함수는 0으로 변환되고 불리언 true는 값 1로 변환됩니다.

글 작성자: Gao Weipeng(Brian)
글 출처: http://www.cnblogs.com/gaoweipeng

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