Javascript 유형 변환 규칙 예 분석_javascript 기술

형 변환은 암시적 변환과 명시적 변환으로 나눌 수 있는데, 소위 암시적 변환은 프로그램이 런타임 시 수행하는 자동 변환이고, 명시적 변환은 형식을 인위적으로 강제 변환하는 것입니다. Javascript 변수는 느슨하게 유형이 지정되어 Javascript가 지원하는 모든 데이터 유형을 저장할 수 있으며 변수 유형은 런타임 시 동적으로 변경될 수 있습니다. 지침을 참조하세요

예:

var n = 10;
n = "hello CSSer!";
n = {};

위의 예에서는 먼저 n 변수를 선언하고 해당 값을 10(정수 유형)으로 초기화한 다음 "hello CSSer!"라는 문자열을 n에 할당한 다음 여기에 개체를 할당하고 마지막으로 n의 유형은 다음과 같습니다. 객체 유형. 변수 n의 타입이 동적임을 알 수 있는데, 실제 프로그래밍에서는 변수의 타입을 자주 변경하지 않는 것이 좋습니다. 디버깅에 좋지 않기 때문입니다.

Javascript의 변수 유형은 동적이기 때문에 실제 프로그램 실행 중에 유형 변환 개념을 사용해야 합니다. 유형 변환은 암시적 변환과 명시적 변환으로 나눌 수 있는데, 암시적 변환은 프로그램이 런타임 시 수행하는 자동 변환이고, 명시적 변환은 유형을 인위적으로 강제 변환하는 것입니다. 이 기사에서는 Javascript 유형 변환을 요약합니다.

명시적 변환

Javascript는 수동으로 유형 변환을 수행하여 다음과 같은 변환 기능을 제공합니다.

숫자 유형으로 변환: Number(mix),parseInt(string,radix),parseFloat(string)
문자열 유형으로 변환: toString(radix), String(mix)
불리언형으로 변환: Boolean(mix)

1. Number(mix) 기능은 모든 유형의 매개변수 믹스를 숫자 유형으로 변환할 수 있습니다. 규칙은 다음과 같습니다.

1. 부울 값인 경우 true와 false가 각각 1과 0으로 변환됩니다

2. 숫자 값이면 그 자체를 반환합니다.

3. null인 경우 0을 반환합니다.

4. 정의되지 않은 경우 NaN을 반환합니다.

5. 문자열인 경우 다음 규칙을 따르세요.

6.

1. 문자열에 숫자만 포함된 경우 10진수로 변환합니다(앞에 오는 0 무시).

2. 문자열에 유효한 부동 소수점 형식이 포함된 경우 부동 소수점 값으로 변환합니다(선행 0 무시).

3. 빈 문자열인 경우 0으로 변환

4. 문자열에 위와 다른 형식이 포함되어 있으면 NaN으로 변환하세요

7. 객체인 경우 객체의 valueOf() 메서드를 호출한 후 이전 규칙에 따라 반환된 값을 변환합니다. 변환 결과가 NaN인 경우 객체의 toString() 메서드를 호출하고 반환된 문자열 값을 이전 규칙에 따라 다시 변환합니다.

다음 표에는 객체의 valueOf() 반환 값이 나열되어 있습니다.

对象	返回值
Array	数组的元素被转换为字符串，这些字符串由逗号分隔，连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Boolean	Boolean 值。
Date	存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
Function	函数本身。
Number	数字值。
Object	对象本身。这是默认情况。
String	字符串值。

下面提供几个例子，你能写出它的正确结果吗：

Number("hello CSSer!");//NaN
Number("0x8");//8
Number("");//0
Number("020dd");//NaN
Number("070");//70
Number(true);//1

2、parseInt(string, radix)函数，将字符串转换为整数类型的数值。它也有一定的规则：

1.忽略字符串前面的空格，直至找到第一个非空字符

2.如果第一个字符不是数字符号或者负号，返回NaN

3.如果第一个字符是数字，则继续解析直至字符串解析完毕或者遇到一个非数字符号为止

4.如果上步解析的结果以0开头，则将其当作八进制来解析；如果以0x开头，则将其当作十六进制来解析

对象	操作
Array	将 Array 的元素转换为字符串。结果字符串由逗号分隔，且连接起来。
Boolean	如果 Boolean 值是 true，则返回 “true”。否则，返回 “false”。
Date	返回日期的文字表示法。
Error	返回一个包含相关错误信息的字符串。
Function	返回如下格式的字符串，其中 functionname 是被调用 toString 方法函数的名称： function functionname( ) { [native code] }
Number	返回数字的文字表示。
String	返回 String 对象的值。
默认	返回 “[object objectname]”，其中 objectname 是对象类型的名称。

5.如果指定radix参数，则以radix为基数进行解析

小测验：

parseInt("hello CSSer!");//NaN
parseInt("0x8");//8
parseInt("");//NaN
parseInt("020dd");//20
parseInt("070");//70
parseInt("22.5");//22

3.parseFloat(string) 함수는 문자열을 부동 소수점 유형의 값으로 변환합니다.

규칙은 기본적으로parseInt와 동일하지만 몇 가지 차이점이 있습니다. 문자열의 첫 번째 소수점 기호는 유효하며, 문자열에 정수로 구문 분석할 수 있는 숫자가 포함된 경우 parseFloat는 모든 선행 0을 무시합니다. , 부동 소수점 값 대신 정수 값이 반환됩니다.

4. toString(radix) 메서드. 정의되지 않음 및 null을 제외한 모든 유형의 값에는 객체의 문자열 표현을 반환하는 toString() 메서드가 있습니다.

5. String(mix) 함수는 모든 유형의 값을 문자열로 변환합니다.

1. toString() 메소드가 있는 경우 (radix 매개변수를 전달하지 않고) 이 메소드를 호출하고 결과를 반환합니다

2. null인 경우 "null"을 반환합니다.

3. 정의되지 않은 경우 "정의되지 않음"을 반환합니다

6. 부울(혼합) 함수는 모든 유형의 값을 부울 값으로 변환합니다.

false로 변환되는 값은 false, "", 0, NaN, null, undefine, 기타 모든 값은 true로 변환됩니다.

암시적 변환

어떤 경우에는 명시적인 변환을 제공하지 않더라도 Javascript가 자동 유형 변환을 수행합니다. 주요 상황은 다음과 같습니다.

1. 숫자가 아닌 값인지 감지하는 데 사용되는 함수: isNaN(mix)

isNaN() 함수는 테스트 후 이 함수가 Number()를 사용하여 매개변수 값을 변환하려고 시도하는 것으로 나타났습니다. 결과가 "숫자가 아님"이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

2. 증가 및 감소 연산자(접두사 및 후위 포함), 단항 양수 및 음수 부호 연산자

이 연산자는 모든 데이터 유형의 값에 적용 가능합니다. 다양한 유형의 값에 대해 연산자는 다음 규칙을 따릅니다(비교 후 해당 규칙은 기본적으로 Number() 규칙과 동일함을 알 수 있음). 🎜>

1. 유효한 숫자 문자가 포함된 문자열인 경우 먼저 숫자 값으로 변환합니다(변환 규칙은 Number()와 동일). 1을 더하고 빼는 작업을 수행하면 문자열 변수가 됩니다. 숫자변수.

2. 유효한 숫자가 포함되지 않은 문자열인 경우 변수의 값을 NaN으로 설정하면 문자열 변수가 숫자변수가 됩니다.

3. 부울 값 false인 경우 먼저 0으로 변환한 후 1을 더하거나 빼는 연산을 수행합니다. 부울 값 변수는 숫자 변수로 프로그래밍됩니다.

4. 불리언 값이 참이면 먼저 1로 변환한 후 1을 더하거나 빼는 연산을 수행합니다. 불리언 값 변수는 수치변수가 됩니다.

5. 부동 소수점 값인 경우 1을 더하거나 빼는 연산을 수행합니다.

6. 객체인 경우 먼저 객체의 valueOf() 메서드를 호출한 다음 반환 값에 이전 규칙을 적용합니다. 결과가 NaN이면 이전 규칙이 적용되기 전에 toString() 메서드가 호출됩니다. 개체 변수는 숫자 변수가 됩니다.

퀴즈:

다음 유형의 값에 대해 각각 사후 증분 연산을 수행하면 결과가 어떻게 되나요?

“2″, ”02dd”, ””, false, 22.5, +””, -false, +new Date()

3. 덧셈 연산자

더하기 기호 연산자는 Javascript에서 문자열 연결 연산자로도 사용되므로 더하기 기호 연산자에 대한 규칙은 두 가지 상황으로 나뉩니다.

•두 피연산자 값이 모두 숫자인 경우 규칙은 다음과 같습니다.

1. 피연산자가 NaN이면 결과는 NaN입니다

2. 무한+무한이면 결과는 무한

3. -무한대+(-무한대)이면 결과는 -무한대

4. Infinity+(-Infinity)이면 결과는 NaN

5. +0+(+0)이면 결과는 +0

6. (-0)+(-0)이면 결과는 -0입니다

7. (+0)+(-0)이면 결과는 +0

•작업 값 중 하나가 문자열인 경우:

1. 두 연산 값이 모두 문자열인 경우 연결합니다

2. 연산 값 중 하나만 문자열인 경우 나머지 연산 값을 문자열로 변환한 후 연결합니다

3. 피연산자가 객체, 숫자 값 또는 부울 값인 경우 toString() 메서드를 호출하여 문자열 값을 가져온 다음 이전 문자열 규칙을 적용합니다.

의 경우

정의되지 않음 및 null인 경우 각각 String()을 호출하여 명시적으로 문자열로 변환합니다.

덧셈 연산에서 한 연산값이 문자열 타입이면 다른 연산값도 문자열로 변환되어 최종적으로 연결되는 것을 볼 수 있습니다.

4. 곱셈과 나눗셈, 빼기 연산자, 모듈로 연산자

이러한 연산자는 연산을 위한 것이므로 공통점이 있습니다. 피연산자 값 중 하나가 숫자 값이 아닌 경우 변환을 위해 Number() 함수가 암시적으로 호출됩니다. 각 작업의 자세한 규칙은 ECMAScript의 정의를 참조하세요.

5. 논리 연산자(!, &&, ||)

논리적 NOT(!) 연산자는 먼저 Boolean() 함수를 통해 연산 값을 부울 값으로 변환한 다음 이를 부정합니다.

논리 AND(&&) 연산자, 연산 값이 부울 값이 아닌 경우 다음 변환 규칙을 따르세요.

1. Boolean()으로 변환한 후 첫 번째 피연산자가 true이면 두 번째 연산 값을 반환하고, 그렇지 않으면 첫 번째 값(Boolean()으로 변환한 후의 값이 아님)을 반환합니다.

2. 연산 값이 null인 경우 null을 반환합니다

3. 연산값이 NaN이면 NaN을 반환합니다

4. 연산 값이 정의되지 않은 경우 정의되지 않음을 반환합니다

논리 OR(||) 연산자, 연산 값이 부울 값이 아닌 경우 다음 규칙을 따르세요.

1. 첫 번째 연산 값이 Boolean()으로 변환된 후 false이면 두 번째 연산 값이 반환되고, 그렇지 않으면 첫 번째 연산 값(Boolean()으로 변환된 값이 아님)이 반환됩니다.

2. 정의되지 않음, null 및 NaN에 대한 처리 규칙은 논리 AND(&&)와 동일합니다

6. 관계 연산자(<, >, <=, >=)

위 연산자와 마찬가지로 관계 연산자의 피연산자 값도 모든 유형이 될 수 있으므로 숫자가 아닌 유형을 사용하여 비교에 참여하는 경우 시스템에서는 암시적 유형 변환도 필요합니다.

1. 두 연산값이 모두 수치이면 수치비교를 수행합니다

2. 두 연산 값이 모두 문자열인 경우 해당 문자열에 해당하는 문자 인코딩 값을 비교합니다

3. 연산값 중 하나만 숫자값인 경우 나머지 연산값을 숫자값으로 변환하여 수치비교를 수행합니다

4. 피연산자가 객체인 경우 valueOf() 메서드를 호출합니다(객체에 valueOf() 메서드가 없으면 toString() 메서드 호출). 결과는 이전

규칙 실행 비교

5. 연산값이 Boolean 값인 경우 수치로 변환한 후 비교

참고: NaN은 자신을 포함한 모든 유형의 값과 동일하지 않지만 동시에 모든 유형의 값과 비교할 때 false를 반환합니다.

7. 항등 연산자(==)

항등 연산자는 비교 전 연산 값에 대해 암시적 변환을 수행합니다.

1. 연산값이 부울값인 경우 비교하기 전에 숫자값으로 변환하세요

2. 한 연산 값이 문자열이고 다른 연산 값이 숫자 값인 경우 Number() 함수를 통해 문자열을 숫자 값으로 변환합니다

3. 하나의 작업 값이 객체이고 다른 하나는 객체가 아닌 경우 해당 객체의 valueOf() 메서드가 호출되고 이전 규칙에 따라 결과가 비교됩니다

4.null과 정의되지 않음은 동일합니다

5. 연산 값이 NaN인 경우 동일성 비교는 false를 반환합니다

6. 두 작업 값이 모두 객체인 경우 동일한 객체를 가리키는지 비교합니다