js基本数据类型有哪些

JavaScript016

js基本数据类型有哪些,第1张

1、number类型

① number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后至少有一位数字)。

浮点数会自动转换为整数,如下:

let num = 1.00

console.log(num) // 输出:1,自动转换为了整数

② 浮点数的最高精度是17位,看下面的例子:

let a = 0.1

let b = 0.2

console.log(a + b) // 输出:0.30000000000000004

上面的例子,结果竟然不是0.3,至于其他变成语言,也会遇到这种情况(关于浮点数计算会产生误差问题,其他有些变成语言也会出现类似情况。)

③ NaN:非数字类型,特点:涉及到任何关于NaN的操作,都会返回NaN,而且NaN不等于自身。如下:

let name = 'lisi'

console.log(name / 10) // 输出:NaN

console.log(NaN === NaN) // 输出:false

④ isNaN()函数用于判断是否是一个非数字类型,如果传入的参数是一个非数字类型,那么返回true,否则返回false;

⑤ isNaN()函数传入一个参数,函数会先将参数转换为数值,如果参数类型为对象类型,会先调用对象的valueOf()方法,再确定该方法返回的值是否可以转换为数值类型,如果不能,再调用对象的toString()方法,再确定返回值;

⑦ 数值转化:

Number(),转型函数,可以用于任何数据类型

parseInt(),将值转换为整型,用的较多

parseFloat(),将值转换为浮点型

2、string类型

① 字符串类型中的单双引号作用一样;

② 字符串有length属性,可以取得字符串的长度:

let str = 'Hello world'

console.log(str.length) // 输出:11

③ 字符串的值是不可变的,要改变一个字符串的值,首先要销毁原来的字符串,再用另一个包含新值得字符串区填充该字符串;

④ 字符串转换:

String(),转型函数,适用于任何数据类型(null,undefined转换后为null和undefined)

toString()方法可以把一个逻辑值转换为字符串,并返回结果(null、undefined没有toString()方法)

let ab = 'zhangsan'

let bc = null

let cd = undefined

console.log(ab.toString()) // 输出:zhangsan

// console.log(bc.toString()) // error 报错

// console.log(cd.toString()) // error 报错

console.log(String(ab)) // 输出:zhangsan

console.log(String(bc)) // 输出:null

console.log(String(cd)) // 输出:undefined

3、boolean类型

① 这个类型只有两个值,true和false;

② Boolean(),转型函数,将某个值转换为Boolean类型

4、null类型

① null类型被看做空对象指针,只有一个值,即null值,所以在用typeof操作符去检测null类型的值得时候,结果是object类型;

② 如果你定义了一个变量,但是想在以后把这个对象当做一个对象来使用,最好将该对象初始化为null值

5、undefined类型

① 只有一个值,即undefined,如果声明了一个变量,但是未给变量初始化值,那么这个变量的值就是undefined:

let name = 'zhangsan'

let age

console.log(name) // 输出:zhangsan

console.log(age) // undefined,因为声明了age,但是没有给初始化值

② 调用函数时,应该提供的参数没有提供,该参数等于undefined;

③ 对象没有赋值的属性,该属性的值为undefined;

④ 函数没有返回值,默认返回undefined。

以上就是javascript的基本数据类型有哪些?的详细内容,更多请关注html中文网其它相关文章!

在之前我们讨论到布尔运算符

&&

||

的时候,我说过它们的结果是布尔值。这样说起来有点过于简单化了。如果你用它们来计算布尔数据类型,它们确实会返回布尔值。但是它们也能用于计算其他的类型的数据,这种时候,返回的就将是其中的一个参数了。

或运算符“||”

真正做的事是这样的:它首先检查一下它左边的参数,如果转换成布尔类型的值后为true,那么就返回左边的参数,否则就返回右边的参数。

仔细想想当运算符两边都是布尔类型的值的时候,是不是这样的。为什么它这样运行?这样运行的结果其实非常实用。我们来看这个例子:

复制代码

代码如下:

var

input

=

prompt("What

is

your

name?",

"Kilgore

Trout")

alert("Well

hello

"

+

(input

||

"dear"))

如果用户按“取消”或者直接关掉prompt对话框,input的值将是null或者“”。这两种情况下,转换成布尔类型的值都是false。那么这时候

input

||

“dear”

这个表达式的意思就是input有值的时候就得到input的值,否则就得到“dear”。这是一个很简单的提供一个默认值的方法。

与运算符

“&&”

的工作原理类似,但是与

“||”

正好相反。当它左边的参数转换成布尔类型的值为“false”的时候,它就返回那个值,否则返回右边的值。这两个操作符还有一个特点就是,只有在必要的时候,才会计算它右边的表达式的值。在“true

||

X”

这个表达式中,不管X是什么,结果都是true,所以X就不会被计算,如果X有其他的效果,那这个效果也不会产生。“false

&&

X”

也是同样的道理。

复制代码

代码如下:

false

||

alert("I'm

happening!")

true

||

alert("Not

me.")

Javascript的数据类型有:

1. Number 数字类型

2. String 字符串类型

3. Boolean 布尔类型

4. Function 函数

5. Object 对象

6. Null

7. Undefined 没有定义类型

ECMAScript中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。

其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型,String有些特殊,具体的会在下面展开分析。

变量

ECMAScript中用var关键字来定义变量,因为js是弱类型的,所以无法确定变量一定会存储什么值,也就不知道变量到底会是什么类型,而且变量的类型可以随时改变。

这就是ECMAScript是松散类型的来由,所谓松散类型就是可以用来保存任何类型的数据。

ps:

es6中新增了let命令来声明变量、const命令声明一个只读的常量。

let的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

const一旦声明,常量的值就不能改变。

关于let、const这里不做展开讨论,可以参考 阮一峰 - ECMAScript 6 入门

typeof 操作符

由于js中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字.

通过typeof关键字,对这5种数据类型会返回下面的值(以字符串形式显示)

undefined ---------- 如果值未定义 Undefined

boolean ---------- 如果这个值是布尔值 Boolean

string ---------- 如果这个值是字符串 String

number ---------- 如果这个值是数值类型 Number

object ---------- 如果这个值是对象或null Object

需要注意的是typeof null返回为object,因为特殊值null被认为是一个空的对象引用。

Undefined

Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined。不过,一般建议尽量给变量初始化,但是在早期的js版本中是没有规定undefined这个值的,所以在有些框架中为了兼容旧版浏览器,会给window对象添加undefined值。

window['undefined'] = window['undefined'] 

//或者

window.undefined = window.undefined 

Null

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

var car = null

 console.log(typeof car)// "object"

如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样一来,只要直接检测null值就可以知道相应的变量是否已经保存了一个对象的引用了。

例如:

if(car != null){

   //对car对象执行某些操作

 }

实际上,undefined值是派生自null值的,因此ECMA-262规定对它们的相等性测试要返回true。

console.log(undefined == null)//true

尽管null和undefined有这样的关系,但它们的用途完全不同。无论在什么情况下都没有必要把一个变量的值显式地设置为undefined,可是同样的规则对null却不适用。换句话说,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined。

Boolean

该类型只有两个字面值:true和false。这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0。

虽然Boolean类型的字面值只有两个,但JavaScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用类型转换函数Boolean(),例如:

 var message = 'Hello World'

   var messageAsBoolean = Boolean(message)

在这个例子中,字符串message被转换成了一个Boolean值,该值被保存在messageAsBoolean变量中。可以对任何数据类型的值调用Boolean()函数,而且总会返回一个Boolean值。至于返回的这个值是true还是false,取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对象的转换规则。

数据类型

转换为true的值

转换为false的值

Boolean    true    false  

String    任何非空的字符串    ""(空字符串)  

Number    任何非0数值(包括无穷大)    0和NAN  

Object    任何对象    null  

Undefined    不适用    undefined  

 var message = 'Hello World'

   if(message)

   {

       alert("Value is true")

   }

运行这个示例,就会显示一个警告框,因为字符串message被自动转换成了对应的Boolean值(true)。由于存在这种自动执行的Boolean转换,因此确切地知道在流控制语句中使用的是什么变量至关重要。

ps:使用!!操作符转换布尔值

!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false

对null与undefined等其他用隐式转换的值,用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于将这些值转换为“等价”的布尔值;

var foo 

alert(!foo)//undifined情况下,一个感叹号返回的是true 

alert(!goo)//null情况下,一个感叹号返回的也是true 

var o={flag:true} 

var test=!!o.flag//等效于var test=o.flag||false 

alert(test)

这段例子,演示了在undifined和null时,用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于,如果明确设置了变量的值(非null/undifined/0/”“等值),结果就会根据变量的实际值来返回,如果没有设置,结果就会返回false。

还有其他的小技巧,可以参考这12个JavaScript技巧

Number

这种类型用来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值 Not a Number)。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,在其他编程语言中,任何数值除以0都会导致错误,从而停止代码执行。但在JavaScript中,任何数值除以0会返回NaN,因此不会影响其他代码的执行。

NaN本身有两个非同寻常的特点。首先,任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身。例如,下面的代码会返回false。

alert(NaN == NaN)   //false

String

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

String类型的特殊性

string类型有些特殊,因为字符串具有可变的大小,所以显然它不能被直接存储在具有固定大小的变量中。由于效率的原因,我们希望JS只复制对字符串的引用,而不是字符串的内容。但是另一方面,字符串在许多方面都和基本类型的表现相似,而字符串是不可变的这一事实(即没法改变一个字符串值的内容),因此可以将字符串看成行为与基本类型相似的不可变引用类型

Boolean、Number、String 这三个是Javascript中的基本包装类型,也就是这三个其实是一个构造函数,他们是Function的实例,是引用类型,至于这里的String与以上说的String是同名,是因为其实上文说的String是指字符串,这里的String指的是String这个构造函数,上面那么写,是为了更好的理解,因为Javascript是松散类型的。我们可以看下String实例化的例子:

var name = String("jwy")

alert(typeof name)//"object"

var author = "Tom"

alert(typeof name)//"string"

至于author这个会有length,substring等等这些方法,其实是String这里的方面,string只是String的一个实例,类似于C#中的String,和string,只不过这里特殊一点。

注意,typeof 变量 如果值是"string" 的话,也就是这个变量是字符串,在Javascript中,字符串是基本类型,而在C#或Java中,字符串是引用类型,但是Javascript中的String是引用类型,因为它是Javascript中定义好的基本包装类型,在C#中,String跟string其实是一样的。

是不是有点绕?具体的引用类型和值类型的解析看这里javascript的基本类型和引用类型

来源:www.cnblogs.com/phillyx/p/5603738.html