脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 基本数据类型

JS开发中基本数据类型具体有哪几种

 更新时间：2017年10月19日 09:58:01   投稿：mrr  
JS的数据类型包括基本数据类型、复杂数据类型和特殊数据类型，今天我们主要先讲解一下基本数据类型。感兴趣的朋友一起看看吧

JS开发中基本数据类型有哪些？JS的数据类型包括基本数据类型、复杂数据类型和特殊数据类型，今天我们主要先讲解一下基本数据类型。

0、先提示两个下面用到的知识点：

0.1typeof，是用来检测变量类型的

写法：typeof a；

0.2console.log（）是用来在控制台打印你所需要的部分的

一般浏览器在进入HTML文件页面后，点击右键选择检查，就会出现控制台，选择console就可以看到你所打印的内容了

另外：alert（）是页面弹框显示内容

document.write（）是输出内容在页面当中的方式

1、变量：在讲基本数据类型之前，我们先来了解一下JS定义变量的方法。

1.1定义变量：在定义一个变量的时候，可以给变量初始值，不区分类型（容器的类型）。

1.2变量的命名规范：字母、数字、下划线和$的组合；不能以数字开头；不能是关键字和保留字； 驼峰命名法。

1.3初始值只能是一下5大类型：

数值类型Number，只能是数字或者小数

var a = 10;
console.log(typeof a);//number
var b = 10.6;
console.log(typeof b);//number

字符串类型String，用单引号或者双引号包裹的任何字符

var c = 'hello';
console.log(typeof c);//string
var d = "world";
console.log(typeof d);//string

布尔类型Boolean，只能是true或false代表真假

var e = true;
console.log(typeof e);//boolean
var f = false;
console.log(typeof f);//boolean

未定义undefined，定义变量后不赋值，这个变量就是undefined

var g;
console.log(typeof g);//undefined

空null，是对象类型， 对象类型object有很多种，如数组对象、数学对象、日期对象（后期学习）

var h = "";
console.log(typeof h);//null

而这五种就是JS的五种基本数据类型。

2、类型转换

数值类型、字符串类型和布尔类型的相互转换

2.1转数值—Number（）

console.log(Number("123"));//123
console.log(Number("12.3"));//12.3
console.log(Number("12hshs"));//NaN
console.log(Number('0034'));//34
console.log(Number(""));//0
console.log(Number(true));//1
console.log(Number(false));//0
console.log(Number(null));//0
console.log(Number(undefined));//NaN

注：NaN：not a number，其他的以后会解释

2.2转字符串String（），写什么转什么

console.log(String(123));//123
console.log(String(0));//0
console.log(String(true));//true
console.log(String(false));//false
console.log(String(undefined));//undefined
console.log(String(null));//null

2.3转布尔Boolean（）

技巧：

数字转boolean非0为真

字符串转boolean非空为真

NaN null undefined转字符串为假

console.log(Boolean("123"));//true
console.log(Boolean("0"));//true
console.log(Boolean("山东"));//true
console.log(Boolean(""));//false
console.log(Boolean("true"));//true
console.log(Boolean("false"));//true
console.log(Boolean(14));//true
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(-100));//true
console.log(Boolean(undefined));//false
console.log(Boolean(null));//false

总结

以上所述是小编给大家介绍的JS开发中基本数据类型具体有哪几种，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • javascript日期格式化方法汇总

    javascript日期格式化方法汇总

    本文给大家汇总介绍了javascript格式化日期时间的几种常用方法，个人对最后一种个性化输出时间比较有兴趣，基本上只要项目中能用到都是使用这种，推荐给小伙伴们。
    2015-10-10
  • 使用apifm-wxapi模块中的问题及解决方法

    使用apifm-wxapi模块中的问题及解决方法

    这篇文章主要介绍了使用apifm-wxapi模块中的问题及讲解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JS+cookie实现购物评价五星好评功能

    JS+cookie实现购物评价五星好评功能

    这篇文章主要为大家详细介绍了JS+cookie实现购物评价五星好评功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-09-09
  • Kindeditor单独调用单图上传增加预览功能的实例

    Kindeditor单独调用单图上传增加预览功能的实例

    下面小编就为大家带来一篇Kindeditor单独调用单图上传增加预览功能的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • BootstrapValidator不触发校验的实现代码

    BootstrapValidator不触发校验的实现代码

    BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，本文给大家介绍BootstrapValidator不触发校验的实现代码，感兴趣的朋友一起看看吧
    2016-09-09
  • JavaScript高级程序设计 阅读笔记（十七） js事件

    JavaScript高级程序设计 阅读笔记（十七） js事件

    IE中是冒泡型事件，即从最特定的事件目标到最不特定的事件目标
    2012-08-08
  • Bootbox将后台JSON数据填充Form表单的实例代码

    Bootbox将后台JSON数据填充Form表单的实例代码

    通过控制器创建一个Index视图，写入下列HTML代码，这里我创建了一个分部视图，不创建直接写在同一个页面也是一样的效果。这篇文章主要介绍了Bootbox将后台JSON数据填充Form表单 ,需要的朋友可以参考下
    2018-09-09
  • Javascript 类型转换方法

    Javascript 类型转换方法

    Javascript (ECMA Script)是一种弱类型的语言。这并不意味着它没有数据类型，只是变量或者Javascript对象属性不需要一个特定类型的值分配给它或者它始终使用相同的值。
    2010-10-10
  • JavaScript模板引擎EJS特性及用法详解

    JavaScript模板引擎EJS特性及用法详解

    EJS是一种简单而灵活的模板引擎，用于将数据动态渲染到网页上，本文将从介绍EJS的背景和起源开始，详细介绍EJS的特性和使用方法，包括安装配置、基本语法和标签、数据绑定和逻辑控制、模板的继承和包含等方面，感兴趣的同学跟着小编一起来学习吧
    2023-06-06
  • js实现嵌套数组重排序

    js实现嵌套数组重排序

    这篇文章主要为大家详细介绍了js实现嵌套数组重排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-01-01

最新评论