JavaScript隐式类型转换代码实例

 更新时间:2020年05月29日 08:44:38   作者:Nyan  
这篇文章主要介绍了JavaScript隐式类型转换代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

值类型之间的数据类型转换:

(1)数字和字符串使用+运算符:

数字和字符串如果使用+运算符进行操作,那么会将数字先转换为字符串,然后进行字符串连接操作:

var str = "string text ";
var num = 10;
console.log(str + num) // "string text 10"

(2)布尔值参与的+运算符操作:

如果有布尔型参与,那么首先会将布尔值转换为对应的数字或者字符串,然后再进行相应的字符串连接或者算数运算。

var num = 12;
var bool = true;
var str = "text";
console.log(num + bool) //13
console.log(str + bool) // "text true"

(3)Null和Undefined参与的+运算符操作

如果和数字进行计算,null会转化为0,undefined会转化成NaN

注意:Null转换为0,Undefined转换成NaN

console.log(undefined + 1) //NaN
console.log(null + 1) // 1

首先调用string()方法,取得相应的字符串值再进行操作

var a;
var str='123';
console.log(a + str);//'undefined123'
var a=null;
var str='123';
console.log(a + str);//'null123'

(4)==等性运算:

undefined和null比较特殊,它们两个使用==运算符返回值是true。

其他值类型(Number、Boolean、Null、Undefined)进行比较的时候都会将运算数转换为数字

console.log(undefined == null); // true
console.log("1" ==true); //true

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 如何用JavaScript让你的浏览器说话

    如何用JavaScript让你的浏览器说话

    这篇文章主要介绍了如何用JavaScript让你的浏览器说话,对语音感兴趣的同学,可以实验一下
    2021-04-04
  • Bootstrap进度条组件知识详解

    Bootstrap进度条组件知识详解

    在网页中,经常见到进度条效果,那么这些个性的进度条组件效果是怎么实现的呢,下面脚本之家小编给大家分享Bootstrap进度条组件知识详解,感兴趣的朋友要求学习吧
    2016-05-05
  • JavaScript实现计算字符串中出现次数最多的字符和出现的次数

    JavaScript实现计算字符串中出现次数最多的字符和出现的次数

    这篇文章主要介绍了JavaScript实现计算字符串中出现次数最多的字符和出现的次数,本文直接给出实现代码,需要的朋友可以参考下
    2015-03-03
  • js实现前端图片上传即时预览功能

    js实现前端图片上传即时预览功能

    这篇文章主要为大家详细介绍了js实现前端图片即时预览功能,本地预览功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js enter键激发事件实例代码

    js enter键激发事件实例代码

    下面小编就为大家带来一篇js enter键激发事件实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 跟我学习javascript的定时器

    跟我学习javascript的定时器

    跟我学习javascript的定时器,告诉大家具体的使用方法,并向大家提出了一个消息要求,制作一个定时器,有没有朋友感兴趣,挑战一下
    2015-11-11
  • JS高级运动实例分析

    JS高级运动实例分析

    这篇文章主要介绍了JS高级运动,结合实例形式分析了javascript运动框架原理、实现与应用技巧,需要的朋友可以参考下
    2016-12-12
  • 分享JavaScript监听全部Ajax请求事件的方法

    分享JavaScript监听全部Ajax请求事件的方法

    最近在做一个小项目,引入了第三方js文件,这个文件会调用XMLHttpRequest向服务器发送 Ajax请求,但是我有需要监听其Ajax请求的某些事件,以便额外地执行其他脚本。于是稍微看了看监听 Ajax请求的事件方法,在这里分享给大家。有需要的朋友们可以参考借鉴。
    2016-08-08
  • JavaScript使用canvas实现手写签名功能

    JavaScript使用canvas实现手写签名功能

    最近遇到一个h5手写签名的需求,按理说这种功能网上随便一搜一大把现成的源码和组件,但是像这种比较经典又很简单的功能,还是要弄清楚到底怎么实现的,所以接下来本文就给大家介绍一下如何用canvas实现手写签名功能
    2023-08-08
  • JavaScript实现六种网页图片轮播效果详解

    JavaScript实现六种网页图片轮播效果详解

    在网页中,我们经常会看到各种轮播图的效果,它们到底是怎样实现的呢?本文将为大家详细介绍一下六种不同的轮播效果的实现,需要的可以参考一下
    2021-12-12

最新评论