JavaScript 변수 유형과 변수 간 변환을 이해합니다.-JS 튜토리얼-php.cn

JavaScript 변수 유형과 변수 간 변환을 이해합니다.

WBOY

풀어 주다： 2022-08-04 09:21:14

원래의

1836명이 탐색했습니다.

이 글은 javascript에 대한 관련 지식을 제공합니다. 주로 JavaScript 변수 유형과 변수 간 변환을 자세히 소개하고 있으며, 글에 포함된 샘플 코드가 여러분에게 도움이 되기를 바랍니다. . 모두가 도움이 됩니다.

JavaScript 변수 유형과 변수 간 변환을 이해합니다.

[관련 권장사항: javascript 비디오 튜토리얼, 웹 프론트엔드]

1. 변수 유형

<script>
        var num =10;
        console.log(typeof num);
</script>

로그인 후 복사

typeof: 변수 유형 선언typeof :声明变量类型
alert:弹出警示框
prompt:输入输出语句

1.1 变量类型的颜色

根据控制台的颜色来辨别变量类型：

紫色：数值型
黑色：字符型
蓝色：布尔型（true false）
浅灰色：undefined null

< code> 경고: 경고 상자 팝업

프롬프트: 입력 및 출력 명령문

1.1 변수 유형 색상

변수 유형을 색상에 따라 식별합니다. 콘솔:

보라색: 숫자 유형

검은색: 문자 유형

파란색: 부울 유형(true false)

밝은 회색: 정의되지 않은 null< /code>

2. 리터럴 리터럴은 소스 코드에서 고정된 값을 표현하는 것으로, 리터럴이 이 값을 나타내는 방식입니다. 
3. 데이터 유형 변환
3.1. 문자열 유형으로 변환
1. 문자열 연결에 기호 추가

console.log(num+'I am a string')

`2.toString( ) 문자열로`

`숫자의 문자열 표현입니다. 예를 들어 radix가 2인 경우 NumberObject는 이진값을 나타내는 문자열로 변환됩니다. 구문은 다음과 같습니다.`

number.toString(radix)

로그인 후 복사

매개변수 설명

radix 선택 사항입니다. 2에서 36 사이의 정수인 숫자의 밑수를 지정합니다. 이 매개변수를 생략하면 10진법이 사용됩니다. 그러나 ECMAScript 표준에서는 매개변수가 10이 아닌 값인 경우 구현이 모든 값을 반환하도록 허용합니다. 
2 - 숫자가 2진수 값으로 표시됨 
8 - 숫자가 8진수 값으로 표시됨 
16 - 숫자가 16진수 값으로 표시됨 
 예는 다음과 같습니다. : var num=10;
var str=num.toString();
console.log(str);
로그인 후 복사
3.string(변수) 
3.2 숫자 유형으로 변환(강조) 
parseInt(string) 함수 - 정수 숫자 유형 
parseInt() 함수는 문자열을 구문 분석하고 반환할 수 있습니다. 정수. 
매개변수 radix의 값이 0이거나 매개변수가 설정되지 않은 경우,parseInt()는 문자열을 기준으로 숫자의 밑수를 결정합니다. 매개변수 radix가 생략되면 JavaScript는 다음과 같이 기본적으로 숫자의 기수를 사용합니다. 
문자열이 "0x"로 시작하는 경우,parseInt()는 문자열의 나머지 부분을 16진수 정수로 구문 분석합니다. 문자열이 0으로 시작하는 경우 ECMAScript v3에서는 다음 문자를 8진수 또는 16진수로 구문 분석하는 parsInt() 구현을 허용합니다. 
문자열이 1~9 사이의 숫자로 시작하면,parseInt()는 이를 십진 정수로 구문 분석합니다. 
Grammar
parseInt(string, radix)
로그인 후 복사
예제는 다음과 같습니다
var age=prompt(&#39;请输入您的年龄&#39;);
        console .log(parseInt(age));
        console.log(parseInt(&#39;3.14&#39;));  //取整 3
        console.log(parseInt(&#39;3.98&#39;));  //取整 3
        console.log(parseInt(&#39;120px&#39;));  //取整 120
로그인 후 복사
2.parseFloat(string) 함수 -- 부동 소수점 숫자 유형
parseFloat() 함수는 문자열을 구문 분석하고 부동 소수점 숫자를 반환할 수 있습니다. 
이 함수는 문자열의 첫 번째 문자가 숫자인지 여부를 지정합니다. 그렇다면 문자열은 숫자 끝에 도달할 때까지 구문 분석되고 숫자는 문자열이 아닌 숫자로 반환됩니다. 
Grammar
parseFloat(string)
로그인 후 복사
예제는 다음과 같습니다
console.log(parseFloat(&#39;3.14&#39;));
console.log(parseFloat(&#39;120px&#39;)); //120会去掉px单位
로그인 후 복사
3. 숫자(변수) 사용
var str=&#39;123&#39;;
console.log(number(str);
console.log(number(&#39;123&#39;));
로그인 후 복사
4 산술 연산 사용 - + * / 암시적 변환
console.log(&#39;12&#39;-0); //12
console.log(&#39;123&#39;-&#39;120&#39;); //3
console.log(&#39;123&#39;*1); //123
로그인 후 복사
3.3 부울 형식으로 변환
 
 Boolean() 함수
Boolean 개체는 "true" 또는 "false"라는 두 가지 값을 나타냅니다.
다음 코드는 myBoolean이라는 부울 개체를 정의합니다.
var myBoolean=new Boolean();
로그인 후 복사
Boolean 개체에 초기 값이 없거나 해당 값은 다음과 같습니다.
 
 
0
-0
null🎜🎜🎜🎜""🎜🎜🎜🎜false🎜🎜🎜🎜undefine🎜🎜🎜🎜NaN 🎜🎜 🎜🎜그러면 객체의 값이 거짓이군요. 그렇지 않으면 해당 값은 true입니다(변수 값이 문자열 "false"인 경우에도). 🎜console.log(boolean(&#39;&#39;));//false
console.log(boolean(0));//false
console.log(boolean(NaN));//false
console.log(boolean(null));//false
console.log(boolean(undefined));//false
로그인 후 복사
🎜나머지는 사실입니다. 🎜🎜【관련 추천: 🎜javascript 비디오 튜토리얼🎜, 🎜web front-end🎜】🎜위 내용은 JavaScript 변수 유형과 변수 간 변환을 이해합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!