1.javaScript数据类型

  • typeof操作符

字符串


描述


undefined


未定义


boolean


布尔值


string


字符串


number


数值


object


对象或null


function


函数

 1 var box;
 2 alert(typeof box);        //box是Undefined类型,值是undefined,类型返回的字符串是undefined
 3
 4 var box = true;
 5 alert(typeof box);        //box是Boolean类型,值是true,类型返回的字符串是boolean
 6
 7 var box = ‘yanghyun‘;
 8 alert(typeof box);        //box是String类型,值是‘yanghyun‘,类型返回的字符串是string
 9
10 var box = 250;
11 alert(typeof box);        //box是Number类型,值是250,类型返回的字符串是number
12
13 //空的对象,表示这个对象创建了,里面没东西
14 //空对象,表示没有创建,就是一个null
15
16 var box = {};
17 alert(typeof box);        //box是Object类型,值是[object Object],类型返回的字符串是object
18
19 var box = null;
20 alert(typeof box);        //box是Null类型,值是null,类型返回的字符串是object
21
22 var box = new Object();
23 alert(box);        //box是Object类型,值是[object Object],类型返回的字符串是object
24
25
26 function box() {
27
28 }

typeof操作符可以操作变量,也可以操作字面量。虽然可以这样使用:typeof(box),但是typeof是操作符而并非是内置函数。

函数在ECMAScrite中是对象,不是一种数据类型,所以,使用typeof区分function和object是非常有必要的。


  • Undefined类型

Undefined类型只有一个值,即特殊的undefined。在使用var变量,但没有对其初始化的时候,这个变量的值就是undefined。

var box;
alert(box);

我们没有必要显式的给一个变量赋值成为undefined,因为没有赋值的变量会隐式的(自动)赋值成为undefined而undefined的主要目的在于比较,ECMAScript之前没有引入这个值,引入的目的是为了正式的区分空对象与未经初始化的变量。

未经初始化的变量与根本不存在的变量(未声明的变量)也是不一样的。

var box;
alert(age);   //age is not defined

如果typeof box,typeof age都返回的undefined。从逻辑上思考,他们的值,一个是undefined,一个报错;他们的类型,却都是undefined。所以,我们在定义变量的时候,尽可能的不要只声明,不赋值。

var box;
alert(typeof box);
alert(typeof age);        //以后必须声明一个变量就必须初始化,以避免这种问题,因为他俩的返回值类型都是undefined

  • Null类型

Null类型只有一个数据类型,即是特殊的值null,它表示一个空对象引用,而typeof操作符检测null会返回object。

var box = null;
alert(typeof box);

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null,当检查null时就知道变量是否已经分配了对象的引用了。

var box = null;
if (box != null) {
    alert(‘box对象已存在!‘);
}

有个要说明的是,undefined是派生自null的,因此 ECMA-262规定对它们的相等性测试返回true。

alert(undefined == null);

由于undefined和null的两个值的比较是相等的,所以,为初始化的变量和赋值为null的变量会相等。这时可以采用typeof变量的类型进行比较,但是还是建议养成编码的规范,不要忘记初始化变量。

var box;
var car = null;
alert(typeof box == typeof car)

  • Boolean类型

Boolean类型有两个值(字面量):true和false。javaScript是区分大小写的,True和False或者其他都不是Boolean类型的值。

var box = true;
alert(typeof box);

虽然布尔类型的字面量只有两种,但ECMAScript中所有类型的值都有和这两个值等价的值,要将一个值转化为对应的Boolean类型的值可以用到转换函数boolean()。

var hello = ‘Hello World!‘;
var hello2 = Boolean(hello);
alert(typeof hello2);

上面是一种显式的转换,属于强制性转换,而实际的应用中,还有一种隐式的转换。

var hello = ‘Hello World!‘;
if (hello) {
    alert(‘如果条件为true,就执行我这条!‘);
} else {
    alert(‘如果条件为false,就执行我这条!‘);
}

                            以下是其他类型转化为Boolean类型的规则


数据类型


转换为true的值


转换为false的值


Boolean


true


false


String


任何非空字符串


空字符串


Number


任何非零数字值(包括无穷大)


0和NaN


Object


任何对象


null


Undefined


undefined


  • Number类型

Number类型包含两种数值:整型和浮点型。为了支持各种数值类型,ECMA-262定义了不同数值的字面量格式。

最基本的数值是十进制的整数.

var box = 100;            //十进制整数

八进制数值字面量,(以8为基数),前导必须是0,八进制序列(0-7).

var box = 070;            //八进制,56
var box = 079;            //无效的八进制,自动解析为79
var box = 08;            //无效的八进制,自动解析为8

十六进制自变量前面两位必须是0x,后面是0-9以及A-F。

var box = 0xA;        //十六进制,10
var box = 0x1f;        //十六进制,31

浮点类型就是该数值中必须包含一个小数点,并且小数点后面至少有一位数字。

var box = 3.8;
var box = 0.8;
var box = .8;            //有效,但不推荐此写法

还有一种错误的写法。

var box = 00.38      

由于保存浮点型数值需要的空间比整数型大空间大两倍,因此ECMAscript会自动将可以转化为整型的浮点型转化为整型。

var box = 8.;            //小数点后面没有值,转换为8
var box = 12.0;        //小数点后面是0,转成为12

对于那些过大或者过小的数值可以用科学计数法来表示,用e表示该数值前面的指数次幂。

var box = 4.12e9;        //即4120000000
var box = 0.00000000412;    //即4.12e-9
var box = 4.12e-9;        //没变化 原样打出

虽然浮点数值最高精确度是17位,但算数运算中可能不精确,由于这个因素,做判断的时候一定要考虑到这个问题。

alert(0.1+0.2);            //0.30000000000000004

浮点数值在Number.MIN_VALUE~Number.MAX_VALUE之间。

alert(Number.MIN_VALUE);            //最小值
alert(Number.MAX_VALUE);          //最大值

如果超过了浮点数值的最大值或者最小值,那么就先出现Infinity(正无穷)或者-Infinity(负无穷)

var box = 100e1000;                //超出范围,Infinity
var box = -100e1000;                //超出范围,-Infinity
alert(Number.POSITIVE_INFINITY);    //Infinity(正无穷)
alert(Number.NEGATIVE_INFINITY);  //-Infinity(负无穷)

要想确定一个数值到底是否超过了规定范围,可以使用isFinity()函数,如果没有超过true,如果超过false。

var box = 100e1000;
alert(isFinite(box));                    //返回false或者true

NaN是非数值(not a number)是一个特殊的值,这个数字表示,本来应该返回数值的情况却未返回一个数值(这样就不会抛出错误了),比如在其他语言中,任何的数值除以0都会导致错误而终止运行程序,但是ECMAScript中,会返回特殊的值,因此不会影响程序运行。

var box = 0 / 0;                //NaN
var box = 12 / 0;                //Infinity
var box = 12 / 0 * 0;            //NaN

可以通过Number.NaN得到NaN的值,任何与NaN运算的结果均为NaN,NaN自身不相等,NaN不与任何值相等。

alert(Number.NaN);              //NaN
alert(NaN+1);                    //NaN
alert(NaN == NaN)                //false

ECMAScript提供了isNaN()函数,用来判断这个值到底是不是NaN,isNaN()在接收一个值之后,会尝试将这个值转为数值。

alert(isNaN(NaN));                //true
alert(isNaN(25));                //false,25是一个数值
alert(isNaN(‘25‘));                //false,‘25‘是一个字符串数值,可以转成数值
alert(isNaN(‘Lee‘));                //true,‘Lee‘不能转换为数值
alert(isNaN(true));                //false    true可以转成成1

isNaN()函数也适用于对象,在调用isNaN()函数的过程中,首先会调用ValueOf方法,然后确定返回值时候能够转换成数值,如果不能,则基于这个返回值在调用toString()方法,

再测试返回值。

var box = {
    toString : function () {
        return ‘123‘;            //可以改成return ‘Lee‘查看效果
    }
};
alert(isNaN(box));                //false    

有三个函数可以把非数值转化为数值,分别是Number(),parseInt()和parseFloat(),Number()函数是转型函数可以用于任何数据类型,而另外2个专门用于把字符串转成数值。

alert(Number(true));            //1,Boolean类型的true和false分别转换成1和0
alert(Number(25));                //25,数值型直接返回
alert(Number(null));            //0,空对象返回0
alert(Number(undefined));        //NaN,undefined返回NaN

如果字符串,应该遵循以下规则:

1.值包涵数值的字符串,会直接转成十进制数值,如果包含前导0,即自动去掉。

alert(Number(‘456‘));            //456
alert(Number(‘070‘));            //70

2.只包含浮点数值的字符串,会直接转换成浮点数值,如果包含前导和后导0,自动去掉。

alert(Number(‘08.90‘));            //8.9

3.如果字符串是空,那么直接转换成0.

alert(Number(‘‘));                //0

4.如果不是以上三种字符串类型,则返回NaN。

alert(Number(‘Lee123‘));            //NaN

5.如果是对象,首先会调用ValueOf()方法,然后确定返回值是否能转换成数值。如果转换的结果是NaN,则基于这个返回值再调用toString()方法,再测试返回值。

var box = {
    toString : function () {
        return ‘123‘;            //可以改成return ‘Lee‘查看效果
    }
};
alert(Number(box));            //123

由于Number()函数在转化成字符串时比较复杂且不够合理,因此在处理整数的时候更常用的是parseInt()。

alert(parsetInt(‘456Lee‘));        //456,会返回整数部分
alert(parsetInt(‘Lee456Lee‘));        //NaN,如果第一个不是数值,就返回NaN
alert(parseInt(‘12Lee56Lee‘));        //12,从第一数值开始取,到最后一个连续数值结束
alert(parseInt(‘56.12‘));            //56,小数点不是数值,会被去掉
alert(parseInt(‘‘));                //NaN,空返回NaN

parseInt()除了能够识别十进制数值,也可以识别八进制和十六进制。

alert(parseInt(‘0xA‘));            //10,十六进制
alert(parseInt(‘070‘));            //56,八进制
alert(parseInt(‘0xALee‘));        //10,十六进制,Lee被自动过滤掉

ECMAScript为了paeseInt()提供了第二参数,用于解决各种进制的转换。

alert(parseInt(‘0xAF‘));            //175,十六进制
alert(parseInt(‘AF‘,16));            //175,第二参数指定十六进制,可以去掉0x前导
alert(parseInt(‘AF‘));            //NaN,理所当然
alert(parseInt(‘101010101‘,2));    //314,二进制转换
alert(parseInt(‘70‘,8))            //56,八进制转换

praseFloat()是用于浮点数值转换的,和parseInt()一样,从第一位解析到非浮点数值位置。

alert(parseFloat(‘123Lee‘));        //123,去掉不是别的部分
alert(parseFloat(‘0xA‘));            //0,不认十六进制
alert(parseFloat(‘123.4.5‘));        //123.4,只认一个小数点
alert(parseFloat(‘0123.400‘));        //123.4,去掉前后导
alert(parseFloat(‘1.234e7‘));        //12340000,把科学技术法转成普通数值

  • String类型

String类型用于表示由于零或多个16位Unicode字符组成的字符数列,即字符串。字符串可以由双引号("")或单引号(‘‘)表示。

var box = ‘Lee‘;
var box = "Lee";

在某些语言中单引号和双引号表示的字符串解析方式不同,而ECMAScript中,这两种表示方法没有任何的区别,但是要记住的是,必须要成对的出现,不能穿插使用。

var box = ‘yanghyun";                //出错,相信也不会有人这么写

String类型包含了一些特殊的字符字面量,也叫转移序列。


字面量


含义


\n


换行


\t


制表


\b


空格


\r


回车


\f


进纸


\\


斜杠


\‘


单引号


\"


双引号


\xnn


以十六进制代码nn表示的一个字符(0~F)。例:\x41


\unnn


以十六进制代码nnn表示的一个Unicode字符(0~F)。例:\u03a3

ECMAScript中的字符串的是不可变的,也就是说,字符串一旦创建,他们的值就不能改变,要改变某个变量改变的字符串,首先要销毁原来的字符串,然后用另一个包含新值的字符串填充该变量。

var box = ‘Mr.‘;
box = box + ‘ Lee‘;

toString()方法可以把值转换成字符串。

var box = 11;
var box = true;
alert(typeof box.toString());

toString()方法一般是不需要传参数的,但是在数值转换成字符串的时候,可以传递进制参数。

var box = 10;
alert(box.toString());                //10,默认输出
alert(box.toString(2));                //1010,二进制输出
alert(box.toString(8));                //12,八进制输出
alert(box.toString(10));                //10,十进制输出
alert(box.toString(16));                //a,十六进制输出

如果在转型之前不知道变量是否是null或者undefined的情况下,我们还可以使用转型函数String(),这个函数能够将任何类型的值转换成字符串。

var box = null;
alert(String(box));

如果值有toString()方法,则调用该方法并返回相应的结果,如果是null或者是undefined,则返回“null”或者“undefined”。


  • Object类型

ECMAScript中的对象其实就是一组数据和功能的集合。对象可以通过new操作符后要根据创建的对象类型的名称来创建。

var box = new Object();

Object()是对象构造,如果对象初始化的时候不需要传递参数,可以不用写括号,但是这种方式我们是不推荐的。

var box = new Object;

Object()里可以任意的传参,可以传数值,字符串,布尔等,而且,还可以进行相应的计算。

var box = new Object(2);            //Object类型,值是2
var age = box + 2;                    //可以和普通变量运算
alert(age);                        //输出结果,转型成Number类型了

既然可以使用一个 new Object()来表示一个对象,那么我们也可以使用new操作符创建其他类型的对象。

var box = new Number(5);            //new String(‘Lee‘)、new Boolean(true)
alert(typeof box);                    //Object类型

Object是比较重要的地方,这里只是做个简单的介绍。

时间: 2024-10-10 08:46:10

1.javaScript数据类型的相关文章

JavaScript数据类型检测

一.JavaScript 数据类型 1.基本数据类型(6种) Undefined Null Boolean Number String Symbol (ES6新增) 2.引用数据类型: Object 二.数据类型检测 1. typeof 可以检测除null 外的基本类型.null 和所有对象的typeof都是"object", 不能用于检测用户自定义类型. 比如Date, RegExp, Array, DOM Element的类型都是"object". var s

JavaScript 数据类型

JavaScript 语?的每?个值,都属于某?种数据类型. 在 ES5 ??,数据类型?共分为六种:五种原始数据类型,?种引?数据类型. 在原始数据类型?,分为了五个?类: number(数字)类型:包含整数和浮点数(即?数): boolean(布尔)类型:只有 true 和 false 两个值: string(字符串)类型:字符串值必须?引号括起来,引号可以是单引号,也可以是双引号: null 类型:?于表示某个变量值为空: undefined 类型:?来确定?个已经创建但是没有初始值的变量

JavaScript之基础-3 JavaScript 数据类型、数据类型转换

一.数据类型 数据类型 基本类型 - 数字类型 - 既可以表示32位整数,也可以表示64位的浮点数 - 整数 - 十进制:逢十进一的整数,如1234567890 - 八进制:逢八进一的整数,如01235670 - 十六进制: - 浮点数 - 使用小数点记录数据,如 95.5,3.1415926 - 使用指数记录数据,如 4.3e23, 4.3E-23 string 类型 - 字符串类型 - 表示一系列的文本字符数据,如性别.姓名.住址等 - 由Unicode字符,数字,标点组成的序列 - Jav

Javascript数据类型和类型转换

Javascript数据类型 Boolean(布尔).Number(数字).String(字符串).Undefined(未定义).Null(空对象).Object(对象类型).Function 引用类型:对象.数组.函数. 原始数据类型:数值.布尔值 .null .字符串 原始类型的变量不能动态添加成员: <script type="text/javascript"> var n='我好帅'; n.Age=100; alert(n.Age);//结果是undefined &

javascript数据类型(上)

Javascript数据类型有6种: 数值型数据类型(Number): 字符串(String): 布尔型数据(Boolean): 对象(Object): 空(Null): 未定义(Undefined). (一).Number var a = 12; alert(a); 弹出a的值是12. var a = 12; alert(typeof a); [typeof 是查看变量的类型.]弹出的是number,说明a的返回参数为number,类型是Number类型[大写字母是数据类型,小写字母是返回参数

JavaScript筑基篇(二)-&gt;JavaScript数据类型

说明 介绍JavaScript数据类型 目录 前言 参考来源 前置技术要求 JavaScript的6种数据类型 哪6种数据类型 undefined 类型 null 类型 boolean 类型 number 类型 string 类型 复杂 类型 基本型和引用型的不同 关于数据类型的一些常见疑问 为什么typeof null === 'object' string,String,object,Object,function,Function的关系 关于String类型与string类型的疑问 fun

数据的分类-JavaScript数据类型

JavaScript数据类型 1.数据类型是什么? 我们接触的绝大多数程序语言来说,把数据都进行了分类,包括数字.字符.逻辑真假:int,long,string,boolean....等等:我们都知道计算机对数据处理时是采用二进制的方式.将数据加载到内存中,并且通过CPU调度进行计算得到最终结果,那么,难道内存存储数据时会记录所以数据的类型吗?我认为答案是否定的,内存中的数据应该会根据所占内存的大小来进行区分和计算的,两种不同类型数据的计算,对于CPU来说只是调度了两个所占内存大小不一的数据来进

第九十九节,JavaScript数据类型

JavaScript数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ECMAScript中有5种简单数据类型:Undefined.Null.Boolean.Number和String.还有一种复杂数据类型--Object.ECMAScript不支持任何创建自定义类型的机制,所有值都成为以上6中数据类型之一. 一.typeof操作符,返回数据的类型 typeof操作

JavaScript数据类型和转换

JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数. 3.String(字符串) var s1='hello';//字符串类型 字符串:(值类型,字符串不可变特性) 4.Undefined(未定义) undefined属于值类型,与其他值计算得到的结果不是我们想要的,但与数据库中的null稍有区

JavaScript复习之--javascript数据类型隐式转换

JavaScript数据类型隐式转换.一,函数类    isNaN()    该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true.    alert()    输出的内容隐式的转换为字符串. 二,运算符类.    1,算术运算符.       - * / %    如果操作数不是数值,将会隐式的调用Number()函数.按照这个函数的转换规则进行转换.    如果转换不成功,整个表达式返回NaN.       +     如果操作数都是数值,然后进行相加.    任何数据