如何分析Javascript类型转换
导读:本文共2516.5字符,通常情况下阅读需要8分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。类型转换1.String->... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
JavaScript是什么
JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
类型转换
1.String->Number
conststring="99";//隐式转换console.log(string*1+77);//显式转换console.log(Number(string)+77);
2.Number->String
constnumber=66;console.log(typeofnumber);//隐式转换console.log(typeof(number+""));//显式转换console.log(typeofString(number));
3.混合String->Number
把位于开头的数值字符串转为数值型
conststring="66.66alison";console.log(parseInt(string));console.log(parseFloat(string));
4.String->Array
constname="alison";console.log(name.split(""));
5.Array->String
constarray=["yooo","alison","ruby","andy"];console.log(array.join(""));console.log(array.join("&"));
6.Array->Number
空数组为0,x单元素数组为x,多元素数组为NaN
console.log(Number([]));console.log(Number([3]));console.log(Number([1,2,3]));
7.toString()
主要用于将Array(由逗号隔开)、Boolean、Date、Number等对象转换成String。
constarray=["yooo","alison","ruby","andy"];console.log(array.toString());constnumber=99;console.log(typeofnumber.toString());
8.Boolean隐式转换
比较和运算是两件事
(1)比较
在将boolean与number、string比较时,会隐式地将boolean中的true转为1、false转为0
letnumber=99;console.log(number==true);
lethd='0';lethd2="1";lethd3="99";console.log(hd==false);console.log(hd2==true);console.log(hd3==true);
(2)运算
在运算中string和number会被隐式转换为boolean
letnumber=99;if(number)console.log("number");
(3)其他类型转换为Boolean
console.log(Boolean([]));console.log(Boolean({}));
9.Boolean显式转换
(1)!!
!先将number转换为boolean类型,然后再取反
!!相当于把数值转为布尔
(2)构造函数Boolean()
//数值letnumber=0;number=!!number;console.log(Boolean(number));//字符串letstring="Alison";console.log(!!string);console.log(Boolean(string));//数组letarray=[];console.log(!!array);console.log(Boolean(array));//对象letobject={};console.log(!!object);console.log(Boolean(object));//日期letdate=newDate();console.log(!!date);console.log(Boolean(date));
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
如何分析Javascript类型转换的详细内容,希望对您有所帮助,信息来源于网络。