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

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

亚连
亚连원래의
2018-06-20 16:21:511540검색

아래 에디터가 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으로 문의하세요.