JS数据类型

  ECMAScript中有5种简单的数据类型:Undefined,Null,Boolean,Number,String.还有一种复杂的数据类型--Object(本质上是由一组无序的名值对组成的).

typeof操作符--用于检测给定变量的数据类型

"undefined"—未定义

"boolean"—布尔值

"string"—字符串

"number"—数值

"object"—对象或者null

"function"—函数

1.Undefined类型

  Undefined类型只有一个值,即为特殊的undefined。

  1.1 在使用var声明变量但并未对其加以初始化时,这个变量就是undefined,例如:

  var message;

  alert(message == undefined); //返回值为true

  该例子为声明了message变量,但是没有对其初始化,因此返回的值为undefined。

  1.2 未声明变量。例如:

  // var age ;

  alert(age) // 产生错误

  1.3 通关typeof返回数据类型时,未定义变量或变量没初始化都将返回undefined 。例如:

  var message;

  // var age;

  alert(typeof message);//undefined

  alert(typeof age);//undefined

  虽然上述两种情况都为undefined,但其本质上来说是不一样的。

2.Null类型

  Null类型是第二个只有一个值的数据类型,这个特殊的值为null。从逻辑角度来看,null值表示一个空对象指针,而这也正是typeof操作符检测到null值返回object的原因。例如:

  var car = null;

  alert(typeof car);//object

  因此,若定义一个空的变量用于将来存储对象,初始化时最好使用null。

3.Boolean类型

  boolean类型在ECMAscript中用得比较多的一种类型,它只有两个值:true or  false 。

但是这两个数值不是一回事,其他语言可能为1真0假,但是这里不是这样的。下面是为变量赋boolean值的例子:

  var found = true ;

  var lost = false;

  注意:true 和 false 区分大小写。

  ECMAScript中可以用Boolean()函数转化相应的值为boolean值。例如:

  var message = "Hello World";

  var messageBoolean = Boolean(message) //这里为true,下面会讲解具体类型的值转化为对应boolean值的情况。

  

boolean()
数据类型 为true的情况 为flase的情况
Boolean true false
String 任何非空字符串 ""(空的字符串)
Number 任何非零数字值(包括无穷大) 0或者NaN
Object 任何对象 null
Undefined 不适用 undefined

4.Number类型

  4.1 整数:  var intNun = 44;//整数

       八进制:   var octalNum1 = 070;//八进制的56

           var octalNum2 = 079;//无效的八进制的数值-解析为79

     十六进制:  var hexNum1 = 0xA; //十六进制的10

             var hexNum2 = 0x1f ; //十六进制31 

  

  4.2 浮点数值: var floatNum1 = 1.1;

       var floatNum2 = 2.3534e7 ; //e7代表10的7次幂,即为23534000

  4.3 NaN:特殊的数值,它本身也不等于他本身

    alert(NaN==NaN);//false

  4.4数值的转化

  Number();//可用于任何数据

  parseInt();//转化为整型

  parseFloat();//转化为浮点型

5.String类型

  用于表示由零个或多个16位Unicode字符串组成的字符序列,即为字符串。通常用单引号('')或双引号("")表示,例如:

  var firstName = "Li";

  var lastName = 'hua';

  字符字面量

  

常用字符字面量
\n 换行
\t 制表
\r 回车
\f 进纸
\\ 斜杠
\' 单引号
\" 双引号
\b 退格

6.Object类型

  ECMAScript中的对象其实就是一组数据和功能的集合。

  var o = new Object(); //创建一个新的对象

  Object的每个实例都具有以下的属性和方法:

    1.constructor:保存着用于创建当前对象的函数。

    2.hasOwnProperty(propertyName):用于检测给定的属性在当前对象实例中是否存在。其中参数名必须以字符串形式指定,例如:

    O.hasOwnproperty("name");

    3.isPrototypeOf(object):用于检查传入对象是否是当前对象的原型。

    4.propertyIsRnumerable(propertyName):用于检查给定的属性是否能够使用 for-in 语句,与hasOwnProperty用法一样,参数名必须以字符串形式指定。

    5.toLocaleString():返回对象的字符串表示。

    6.valueOf():返回对象的字符串、数值或布尔值表示。通常与toString()方法返回值相同。

js数据类型简单介绍的更多相关文章

  1. 【FIORI系列】SAP OpenUI5 (SAPUI5) js框架简单介绍

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[FIORI系列]SAP OpenUI5 (SA ...

  2. vue之node.js的简单介绍

    一.什么是node.js? 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript 二.安装 1.node.js的特性: - 非阻塞IO模型 - ...

  3. js的简单介绍

    1.js的介绍 js全称叫javascript,但不是java,他是一门前台语言,而java是后台语言. js的作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言:跟数据库有关的. 2.能干什么? ...

  4. 前端框架VUE----node.js的简单介绍

    一.什么是node.js? 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript 二.安装 1.node.js的特性: - 非阻塞IO模型 - ...

  5. vue学习【第三篇】:vue之node.js的简单介绍

    什么是node.js 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript 安装node.js node.js的特性 - 非阻塞IO模型 - 时 ...

  6. vue之 node.js 的简单介绍

    一.什么是 node.js? 它是可以运行在JavaScript的服务平台 二.安装 1.node.js的特性 - 非阻塞IO模型 - 时间驱动 2.运用场景 - 高并发低业务 - 实时场景 - 聊天 ...

  7. js的简单介绍及基本用法

    1. JS的简介 概述: JavaScript, 是一门弱类型语言, 用来给页面增加动态功能的. //弱类型语言: 对数据的数据类型划分不精细(不明确). 特点: A. JavaScript 是一种轻 ...

  8. js的简单介绍和相关的必备常识

    一.概念 1.js是JavaScript的缩写,是运行在浏览器端或服务端的依附于页面的脚本语言. 2.js的学习分为:ECMA语法.Dom网页对象模型.Bom浏览器的对象模型 3.ECMA是浏览器厂商 ...

  9. vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结

    vue—你必须知道的   目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript ...

随机推荐

  1. [洛谷P2580]于是他错误的点名开始了(Trie树)

    传送门 洛谷P2580的一个水题,用啥都能过,不过为了练习一下刚刚学会的字典树,还是认真做一下吧. #include <cstdio> #include <cstring> u ...

  2. AtCoder Regular Contest 074F - Lotus Leaves

    $n \leq 300,m \leq 300$,$n*m$的格子里有起点有终点有空地有障碍,人会从起点选一个同行或同列空地跳过去,然后一直这样跳到终点.求至少删掉多少格子使得人跳不到终点. 首先S和T ...

  3. Linux性能分析Top

    前言 在实际开发中,有时候会收到一些服务的监控报警,比如CPU飙高,内存飙高等,这个时候,我们会登录到服务器上进行排查.本篇博客将涵盖这方面的知识:Linux性能工具. 一次线上问题排查模拟 背景:服 ...

  4. msp430项目编程53

    msp430综合项目---扩展项目三53 1.电路工作原理 2.代码(显示部分) 3.代码(功能实现) 4.项目总结

  5. WAMP本地环境升级php版本

    !!!本次测试未完全成功,仅供提供经验. (1)下载php最新版本 http://windows.php.net/download/ (2)解压放到wamp/bin/php目录下 (3) 从已存在的p ...

  6. laravel 数据库配置

    数据库配置文件为项目根目录下的config/database.php //默认数据库为mysql 'default' => env('DB_CONNECTION', 'mysql'), 'mys ...

  7. treetable 用法小例

    插件地址:http://pan.baidu.com/s/1kVf0Kcfcript src="/plugins/jQuery/jQuery-2.1.4.min.js">< ...

  8. jquery知识汇总

    jQuery 选择器 选择器                  实例                                   选取 *                          $ ...

  9. go1.11新特性,mark一下

    包管理新特性: export GO111MODULE=on #开启modules go mod init # 创建go.mod (我是在项目根目录下输入的命令) ls // 可以看下创建成功 cat ...

  10. Python练习题–持续更新

    1.你是一个高级测试工程师,现在要做性能测试,需要你写一个函数,批量生成一些注册使用的账号. 产生的账号是以@163.com结尾,长度由用户输入,产生多少条也由用户输入,用户名不能重复,用户名必须由大 ...