前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 五种基本数据类型(上)

JavaScript 五种基本数据类型(上)

作者头像
城市中的游牧民族
发布2018-05-22 16:34:32
3970
发布2018-05-22 16:34:32
举报
文章被收录于专栏:前端真相前端真相

如未作出特殊说明,本文例子均在Chrome控制台进行测试。

一、哪五种基本数据类型?

null、undefined、number、boolean、string。

二、如何判断变量的数据类型?

  • 使用 typeof 运算符,Chrome控制台结果:
代码语言:javascript
复制
typeof "1";
"string"

typeof 1;
"number"

typeof 1.1  //浮点数类型也为number
"number"

typeof true;
"boolean"

typeof null; //表示空对象指针
"object"

typeof undefined
"undefined"

typeof a
"undefined"
  • 如何判断变量的数据类型是否为 null? 使用严格等于“===”,比如 :
代码语言:javascript
复制
a === null
true

三、类型转换

隐式(自动)类型转换
  • 举例:
代码语言:javascript
复制
"a" + 1
"a1"

1+1.1
2.1

0 && true
0

null +0.1
0.1

null && true
null

null && undefined
null

1 + undefined
NaN

null + undefined
NaN
  • 转换场景: (1)if 语句
代码语言:javascript
复制
var a1 = ' ';
if(a1){//a1被转换成false
//此处代码不会执行
}
--------------------------
var a2 =2;
if(a2){//a1被转换成true
//此处代码会执行
}

(2)字符串拼接 “`js 所有操作数类型都会被转换成字符串类型,结果也都是字符串类型。

代码语言:javascript
复制
(3)逻辑运算
```js
2&&0
0

'' || 'a'
"a"

!document.a //document.a为undefined,取反操作将undefined转换为false,因此结果为true
true

“奇技淫巧” :判断一个变量会被当做作false或者true
例如:var b = 1024
     !!b
     true




<div class="se-preview-section-delimiter"></div>

(4)“==” 运算符

代码语言:javascript
复制
   1=='1'
   true

   "1"==true// string和boolean类型都转换成number类型,此处均转换成1
   true

   0==false
   true

   0==' ' //0和空字符串都被转换为false
   true

   null==undefined  //undefined派生于null,关键是两者都被转换成了false
   true
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年05月07日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、哪五种基本数据类型?
  • 二、如何判断变量的数据类型?
  • 三、类型转换
    • 隐式(自动)类型转换
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档