> 웹 프론트엔드 > JS 튜토리얼 > JS 유형 변환_javascript 기술의 일반적인 방법 요약

JS 유형 변환_javascript 기술의 일반적인 방법 요약

WBOY
풀어 주다: 2016-05-16 18:26:03
원래의
1293명이 탐색했습니다.
1. 유형 변환

1. 문자열로 변환

ECMAScript의 부울 값, 숫자 및 문자열의 기본 값에 대한 흥미로운 점은 이들이 의사 객체라는 것입니다. . 이는 실제로 속성과 메서드가 있음을 의미합니다.
예:

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

var sColor = "blue";
alert(sColor.length);//출력 "4"
var sColor = "blue"
alert(sColor.length);// 출력 "4"


간단히 말하면 세 가지 주요 기본 값인 부울 값, 숫자, 문자열에는 toString() 메소드가 있습니다. ECMAScript에 의해 정의된 모든 객체에는 의사 객체이든 실제 객체이든 toString() 메서드가 있습니다.

부울 toString() 메서드는 "true" 또는 "false"만 출력하며 결과는 변수 값에 따라 결정됩니다.

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

var bFound =
alert(bFound.toString()); //"false" 출력
var bFound = false;
alert(bFound.toString());//"false" 출력


toString() 메서드 Number 유형은 특별합니다. 세 가지 모드, 즉 기본 모드와 기본 모드가 있습니다. 기본 모드에서 toString() 메소드는 숫자 값(정수, 부동 소수점 숫자 또는 공학용)을 출력합니다. 표기법)을 해당 문자열로 바꿉니다.
Js 코드
코드 복사 코드는 다음과 같습니다.

var iNum1 = 10 ;
var fNum2 = 10.0;
alert(iNum1.toString()); //"10"을 출력합니다.
alert(fNum2.toString()); //"10"을 출력합니다.
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //"10"을 출력
alert(fNum2.toString());

Number 타입의 toString() 메소드의 베이스 모드를 이용하면, 서로 다른 베이스(base)를 사용하여 숫자를 출력할 수 있습니다.
Js 코드

코드 복사 코드는 다음과 같습니다.
var iNum = 10 ;
alert(iNum.toString(2)); //"1010"을 출력
alert(iNum.toString(8)) //"12"를 출력
alert(iNum.toString(16) ); / /출력 "A"
var iNum = 10;
alert(iNum.toString(2)) //출력 "1010"
alert(iNum.toString(8)); 출력 "12"
alert(iNum.toString(16)); //"A" 출력



2. 🎜>ECMAScript 숫자가 아닌 기본 값을 숫자로 변환하는 두 가지 메소드, 즉parInt()와parseFloat()가 제공됩니다. 참고: 이러한 메서드는 문자열 유형(숫자 제외)에서 호출될 때만 다른 유형에 대해 NaN이 올바르게 반환됩니다.
예:
Js 코드




코드 복사
코드는 다음과 같습니다. var iNum1 =parseInt("1234blue"); //1234를 반환합니다. var iNum2 =parseInt("oxA")//10을 반환합니다.
var iNum3 =parseInt("22.5"); /returns 22
var iNum4 =parseInt("blue"); //NaN을 반환합니다.
var iNum1 =parseInt("1234blue") //returns 1234
var iNum2 =parseInt("oxA"); //10을 반환합니다.
var iNum3 = parseInt("22.5"); //22를 반환합니다.
var iNum4 =parseInt("blue") //NaN을 반환합니다.



parseInt() 메소드 2진수, 8진수, 16진수 또는 기타 기본 문자열을 10진수 정수로 변환할 수 있는 기본 모드도 있습니다. 두 번째 매개변수는 구문 분석할 베이스를 지정합니다.
Js 코드




코드 복사
코드는 다음과 같습니다. var iNum1 =parseInt ("AF ",16); // 175를 반환합니다. var iNum2 = parsInt("10",2); // 2를 반환합니다.
var iNum3 =parseInt("10",8);
var iNum4 =parseInt("10",10); //10을 반환합니다.
var iNum1 =parseInt("AF",16);//175를 반환합니다.
var iNum2 =parseInt("10", 2); // 2를 반환합니다.
var iNum3 =parseInt("10",8); //8을 반환합니다.
var iNum4 =parseInt("10",10); //10을 반환합니다.



참고: 10진수 앞에 0이 포함된 경우 10진수를 사용하는 것이 가장 좋습니다. 그렇지 않으면 얻은 값은 8진수가 됩니다.
Js 코드




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

var iNum1 = parseInt("010"); // 8을 반환합니다.
var iNum2 =parseInt("010",8) // 8을 반환합니다.
var iNum3 =parseInt("010" ,10);//10을 반환합니다.
var iNum1 =parseInt("010"); // 8을 반환합니다.
var iNum2 =parseInt("010",8); //8을 반환합니다.
var iNum3 = parseInt("010",10);//returns 10


parseFloat() 메서드는 위치 0부터 시작하여 0이 나올 때까지 각 문자를 찾는다는 점에서 parseInt() 메서드와 유사합니다. 첫 번째 유효하지 않은 문자를 찾은 다음 해당 문자 앞의 문자열을 숫자로 변환합니다. 이 방법의 경우 첫 번째 소수점은 유효한 문자입니다. 소수점 2자리를 사용하는 경우 소수점 두 번째 자리는 유효하지 않은 것으로 간주됩니다. 이 방법을 사용할 때의 또 다른 차이점은 문자열이 소수 형식의 부동 소수점 숫자를 나타내야 한다는 것입니다.

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

var fNum1 =parseFloat("1234blue"); //1234.0을 반환합니다.
var fNum2 =parseFloat("0xA"); //NaN을 반환합니다.
var fNum3 =parseFloat("22.5")//22.5를 반환합니다. var fNum4 =parseFloat("22.34.5");//22.34를 반환합니다.
var fNum5 =parseFloat("0908");//NaN을 반환합니다.
var fNum6 =parseFloat("blue");//NaN을 반환합니다. var fNum4 =parseFloat("22.34.5");//22.34를 반환합니다.
var fNum5 =parseFloat("0908");//NaN을 반환합니다.
var fNum6 =parseFloat("blue"); //returns NaN




3. 강제 유형 변환

ECMAScript에서 사용할 수 있는 강제 유형 변환의 세 가지 유형은 다음과 같습니다.
(1) .Boolean(value) 주어진 값을 Boolean 타입으로 변환합니다.
Boolean() 함수는 변환할 값이 문자열, 0이 아닌 숫자 또는 문자가 하나 이상 포함된 객체인 경우 true를 반환합니다. 값이 빈 문자열, 숫자 0, 정의되지 않음 또는 null인 경우 false를 반환합니다.
예:
Js 코드




코드 복사
코드는 다음과 같습니다. var b1 = Boolean(""); // false; var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null );//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
var b1 = Boolean("" ); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true



(2).Number(value )
주어진 값을 숫자(정수 또는 부동 소수점 숫자일 수 있음)로 변환합니다.
parseInt() 및 parseFloat() 메서드는 첫 번째 유효하지 않은 문자 앞의 문자열만 변환하므로 "4.5.6"이 "4.5"로 변환된다는 점을 기억하세요. Number()를 사용하여 캐스팅하면 "4.5.6"은 전체 문자열 값을 숫자로 변환할 수 없기 때문에 NaN을 반환합니다. 문자열을 완전히 변환할 수 있는 경우 Number()는 parseInt() 메서드를 호출할지, 아니면 parFloat() 메서드를 호출할지 결정합니다.
예:
Js 코드




코드 복사
코드는 다음과 같습니다. 숫자( false);//0 숫자(true);//1
숫자(정의되지 않음);//NaN
숫자(null);//0
숫자("5.5 ");/ /5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object());//NaN
숫자(100 );//100
숫자(false);//0
숫자(true);//1
숫자(undefine);//NaN
숫자(null); //0
Number("5.5");//5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object()) ;//NaN
Number(100);//100



(3).String(value)
주어진 값을 문자열로 변환합니다.
toString() 메서드 호출과의 유일한 차이점은 null 또는 정의되지 않은 값을 캐스팅하면 오류 없이 문자열을 생성할 수 있다는 점입니다.
Js 코드




코드 복사
코드는 다음과 같습니다. var s1 = String(null);//"null" var oNull = null; var s2 = oNull.toString();//오류 발생
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿