웹 프론트엔드 JS 튜토리얼 자바스크립트에서 명시적 변환과 암시적 변환을 구현하는 방법

자바스크립트에서 명시적 변환과 암시적 변환을 구현하는 방법

Jun 20, 2018 pm 04:21 PM
암시적 변환

아래 에디터가 JavaScript 기반의 명시적 변환과 암시적 변환(자세한 설명)에 대한 기사를 공유할 예정입니다. 좋은 참고 가치가 있어 모든 분들께 도움이 되기를 바랍니다. 에디터를 따라가서 살펴볼까요

디스플레이 전환

1. 질문: 5년 후에 귀하의 나이를 입력해 주세요.

//a.prompt接收到的数据是string类型的。
var age = prompt("请输入你今年的年龄");
alert(typeof age);
var age5 = age + 5; // 这里只会拼接成了15,而不是加5
alert("我今年"+age+"岁了,5年后我"+age5+"岁了");
로그인 후 복사

2. 문자열을 숫자형으로 변환해야 합니다.

위 문제에 대한 응답으로 age를 숫자로 변환해야 합니다

2.1 Number(변환해야 하는 내용)를 사용할 수 있습니다.

var str = true;
  var num = Number(str);
  console.log(num); //1 
  console.log(typeof num); //number
  // 注意:
  // 1.如果这个转换的字符串本身就是一个数字,那么可以转换成功; 如果这个字符串本身不是一个数字,那么转成NaN.
  // 2.如果这个字符串本身是一个数字,前后有空格,也是会转换成功的; 如果中间有空格,就转成NaN.
  // 3.如果是一个"",或者是" ",或者是flase,那么会转换成0.true转成1,undefined转成NaN
  // 4.如果字符串的本身是一个小数,也是可以转换成功的。
로그인 후 복사

2.2 ParseInt(변환해야 하는 내용)를 사용할 수 있습니다. 변환됨);

var str = "123";
var num = parseInt(str);
console.log(num); //123
console.log(typeof num); //number
//  注意:
//  1.从左往右查找,直到遇到第一个非数字为止,前面的所有的内容转换成数字。
//  2.如果找完了,都没有找到一个数字,那么就转换成NaN.
//  3."" 和 "  " 转化成NaN
//  4.如果字符串里面是小数,那么转换后只能得到他的整数部分。
로그인 후 복사

2.3 ParseFloat(변환해야 할 내용)을 사용할 수 있습니다. 변환 내용);

var str = "123.24ll";
var num = parseFloat(str);
console.log(num); //123.24
console.log(typeof num); //number
// 注意:如果字符串里面是小数,那么转换后还是小数。。
//******注意: true会转成1,false会转换0.
// 如果字符串转数字,一般的使用parseInt或者parseFolat。
// 如果是其他类型,比如布尔类型,使用Number();
로그인 후 복사

3. 다른 유형의 데이터를 문자열 유형으로 변환합니다.

3.1 String(변환이 필요한 내용)을 사용할 수 있습니다.

var num = 123;
var str = String(num);
console.log(str); //"123"
console.log(typeof str); //string
//注意: "123"  "true" "false" "undefined"  "null" "NaN"
로그인 후 복사

3.2 변환이 필요한 내용을 사용할 수 있습니다.toString();

var num = 123;
var str = num.toString();
console.log(str); //"123"
console.log(typeof str); //string
//注意: "123"  "true" "false "NaN"
//undefined 和null 不能使用toString。
로그인 후 복사

4 다른 데이터 유형은 부울로 변환됩니다. 유형.

4.1 부울(변환이 필요한 내용)을 사용할 수 있습니다.

var num = "";
var res = Boolean(num);
console.log(res); //false
console.log(typeof res); //boolean
//注意:
//那些可以转换成布尔类型的false: 0 -0  false "" undefined null NaN
//" "会转换成true
로그인 후 복사

암시적 변환

1.

1.1 변환해야 하는 콘텐츠 앞에 긍정적인 기호를 추가할 수 있습니다. +

var str = "123";
var res = +str;
console.log(res); //123
console.log(typeof res); //number
로그인 후 복사

1.2에서는 변환이 필요한 내용에 대해 산술 연산을 수행할 수 있으며 나중에 사용할 수 없습니다. +

var str = "123";
var res = str * 1;
console.log(res); //123
console.log(typeof res); //number
//注意: 一定要和连接符做一个区分。
로그인 후 복사

2. 커넥터 + ""

var num = 123;
var str = num + "";
console.log(str); //"123"
console.log(typeof str);//string
로그인 후 복사

3을 사용하세요. 다른 유형을 부울 유형으로 변환하세요. 부정 연산자를 사용하세요

var num = undefined;
var res = !!num;
console.log(res); //false
console.log(typeof res);boolean
// 注意:那些能转成布尔类型的false:0 -0 false undefiend null NaN ""
로그인 후 복사

1. 질문: 올해 나이를 입력하세요. 5년 후에는 몇 살이 될까요?

//a.prompt接收到的数据是string类型的。
var age = +prompt("请输入你今年的年龄");
var age5 = age + 5;
alert("我今年"+age+"岁了,5年后我"+age5+"岁了");
로그인 후 복사

위 내용을 정리했습니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

javaScript에서 프린터를 연결하는 방법

Vue 이벤트 수정자 캡처 사용에 대한 자세한 소개

Vue 구성 요소에서 이벤트를 전달하는 방법

반응에서 페이지 새로 고침 -라우터 404 문제

위 내용은 자바스크립트에서 명시적 변환과 암시적 변환을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

자바에서 short를 사용하는 방법 자바에서 short를 사용하는 방법 May 07, 2024 am 03:33 AM

short는 -32,768에서 32,767 범위의 16비트 부호 있는 정수를 나타내는 Java의 기본 데이터 유형입니다. 카운터나 ID와 같은 작은 정수를 나타내는 데 자주 사용되며 기본적인 산술 연산 및 유형 변환을 지원합니다. 하지만 short는 부호 있는 형식이므로 나누기를 사용할 때 오버플로나 언더플로를 방지하도록 주의해야 합니다.

SQL에서 ifnull 사용법 SQL에서 ifnull 사용법 Apr 28, 2024 am 09:57 AM

IFNULL 함수는 표현식이 NULL인지 확인하고, 그렇다면 지정된 기본값을 반환하고, 그렇지 않으면 표현식의 값을 반환합니다. 널값으로 인한 오류를 방지하고, 널값 조작을 허용하며, 쿼리의 가독성을 향상시킵니다. 사용법에는 null 값을 기본값으로 바꾸는 것, 계산에서 null 값을 제외하는 것, 여러 null 값 상황을 처리하기 위한 중첩된 사용법이 포함됩니다.

자바에서 char 은(는) 무슨 뜻인가요? 자바에서 char 은(는) 무슨 뜻인가요? May 01, 2024 pm 06:15 PM

Java의 char 유형은 U+0000에서 U+FFFF까지의 2바이트를 차지하는 단일 유니코드 문자를 저장하는 데 사용됩니다. 주로 작은 따옴표나 유니코드 이스케이프 시퀀스를 통해 초기화할 수 있습니다. 비교에 참여할 수 있으며, Equality, inequality 및 Join 작업은 암시적으로 int 유형으로 변환되거나 명시적으로 Character 객체로 변환될 수 있습니다.

C언어에서 나눗셈을 계산하는 방법 C언어에서 나눗셈을 계산하는 방법 Apr 13, 2024 pm 09:12 PM

C 언어에서 나누기 연산자 /의 동작은 피연산자의 데이터 유형에 따라 다릅니다. 정수 나누기: 피연산자가 정수이면 정수 나누기가 수행되고 결과는 반내림됩니다. 부동 소수점 나누기: 피연산자가 부동 소수점 숫자인 경우 부동 소수점 나누기가 수행되고 결과는 부동 소수점 숫자입니다. 유형 변환: 한 피연산자는 정수이고 다른 피연산자는 그렇지 않은 경우 정수가 암시적으로 부동 소수점 숫자로 변환된 후 부동 소수점 나누기가 수행됩니다. 0으로 나누기: 나누기가 0이면 수학적 오류가 발생합니다. 모듈로 연산: 모듈로 연산에는 모듈로 나누기 대신 % 연산자를 사용합니다.

오라클에서 (+의 사용법 오라클에서 (+의 사용법 May 08, 2024 pm 08:12 PM

Oracle의 더하기(+) 연산자는 문자열, 숫자, 날짜 및 시간 간격을 연결하고 NULL 값을 처리하고 NULL을 NULL이 아닌 값으로 변환하는 데 사용할 수 있습니다.

*는 mysql에서 무엇을 의미합니까? *는 mysql에서 무엇을 의미합니까? Apr 26, 2024 am 07:21 AM

MySQL에서 별표(*)는 "모두"를 의미하며 다양한 용도로 사용됩니다. 모든 열 선택 모든 행 선택 테이블에 대한 JOIN 와일드카드 LIKE 절 REGEXP 절에 대한 수량자 암시적 유형 변환

암시적 유형 변환의 일반적인 애플리케이션 시나리오를 살펴보겠습니다! 암시적 유형 변환의 일반적인 애플리케이션 시나리오를 살펴보겠습니다! Jan 11, 2024 pm 04:45 PM

암시적 유형 변환의 일반적인 애플리케이션 시나리오를 살펴보겠습니다! 소개: 프로그래밍 언어에서 암시적 유형 변환은 자동으로 수행되는 데이터 유형 변환 프로세스입니다. 일부 프로그래밍 언어에서는 이 변환이 컴파일러나 인터프리터에게 변환을 수행하도록 명시적으로 지시할 필요 없이 암시적으로 수행됩니다. 암시적 유형 변환에는 프로그래밍의 광범위한 애플리케이션 시나리오가 있습니다. 이 기사에서는 몇 가지 일반적인 애플리케이션 시나리오에 대해 설명합니다. 수치 계산의 암시적 유형 변환 수치 계산에서는 서로 다른 유형의 데이터 간의 연산이 필요한 경우가 많습니다. 데이터 종류가 다를 때

C++ 함수 오버로딩에 대한 일치 규칙은 무엇입니까? C++ 함수 오버로딩에 대한 일치 규칙은 무엇입니까? Apr 27, 2024 am 08:27 AM

C++ 함수 오버로드 일치 규칙은 다음과 같습니다. 호출의 매개변수 수와 유형을 일치시킵니다. 매개변수의 순서는 일관되어야 합니다. constness와 참조 수정자는 일치해야 합니다. 기본 매개변수를 사용할 수 있습니다.

See all articles