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

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

亚连
풀어 주다: 2018-06-20 16:21:51
원래의
1585명이 탐색했습니다.

아래 에디터가 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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