JS中的数据类型

js中的数据类型.png

数值(number):整数和小数(比如1和3.14)
字符串(string):文本(比如Hello World)
布尔值(boolean):true(真)和false(假)
undefined:表示“未定义”或不存在
null:表示空值。
Symbol:es6新增的类型的值
对象(object):分为三个类型:狭义的对象(object),数组(array),函数(function)

typeof运算符

用typeof运算符判断数据类型
注意返回的都是字符串

typeof 123 //"number"
typeof "123" //"string"
typeof true //"boolean"
typeof undefined //"undefined"
typeof null //"object"
typeof function f(){} //"function"
typeof [] //"object"
typeof {} //"object"

从上面的例子的结果,会发现null的类型是object。这是由于历史原因造成的。1995年的 JavaScript 语言第一版,只设计了五种数据类型(对象、整数、浮点数、字符串和布尔值),没考虑null,只把它当作object的一种特殊值。后来null独立出来,作为一种单独的数据类型,为了兼容以前的代码,typeof null返回object就没法改变了。

number

1. 整数和浮点数

JavaScript 语言的底层根本没有整数,所有数字都是小数(64位浮点数)由于浮点数不是精确的值,所以涉及小数的比较和运算要特别小心。

根据标准,64位浮点数的指数部分的长度是11个二进制位,意味着指数部分的最大值是2047(2的11次方减1)。也就是说,64位浮点数的指数部分的值最大为2047,分出一半表示负数,则 JavaScript 能够表示的数值范围为21024到2-1023(开区间),超出这个范围的数无法表示。

表示的方式
就是直接表示和科学计数法两种方式,特殊情况,JavaScript 会自动将数值转为科学计数法表示,其他情况都采用字面形式直接表示。

//小数点前的数字多于21位
1234567890123456789012
// 1.2345678901234568e+21

//小数点后的零多于5个,就自动转为科学计数法
0.0000003 // 3e-7

2.数值的进制

直接表示的时候也是可以输入十进制之外的进制数的,比如二进制、八进制、十六进制。

  • 十进制(decimal):没有前导0的数值。
  • 八进制(octonary):有前缀0o或0O的数值,或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
  • 十六进制(hexadecimal):有前缀0x或0X的数值。
  • 二进制(binary):有前缀0b或0B的数值。
255 //255
0xff // 255
0377 // 255
0b11 // 3

3.特殊的值

  • 正零和负零:JavaScript 内部实际上存在2个0:一个是+0,一个是-0,区别就是64位浮点数表示法的符号位不同。它们是等价的。

  • NaN是 JavaScript 的特殊值,表示“非数字”(Not a Number),主要出现在将字符串解析成数字出错的场合。NaN不等于NaN。

  • Infinity表示“无穷”,用来表示两种场景。一种是一个正的数值太大,或一个负的数值太小,无法表示;另一种是非0数值除以0,得到Infinity。

4.与数值相关的全局方法

  • parseInt()

    • 将字符串转为整数,自动去除字符串头部的空格,parseInt的参数如果不是字符串,会先转换为字符串再转换。遇到不是数字的就停止。如果字符串的第一个字符不能转化为数字(后面跟着数字的正负号除外),返回NaN。
  • parseFloat()

    • 将一个字符串转为浮点数,如果字符串包含不能转为浮点数的字符,则不再进行往后转换,返回已经转好的部分。InFinity、NaN、undefined、返回false。parseFloat会将空字符串转为NaN。
  • isNaN()

    • 判断一个值是否为NaN
  • isFinity()

    • 表示某个值是否为正常的数值。只对+InFinity、-InFinity、NaN、undefined、返回false。

parseInt方法还可以接受第二个参数(2到36之间),表示被解析的值的进制,返回该值对应的十进制数。默认情况下,parseInt的第二个参数为10,即默认是十进制转十进制。

parseInt('   81') // 81
parseInt('15px') // 15
parseInt('1000', 2) // 8
parseFloat('3.14more non-digit characters') // 3.14
isNaN('Hello') // true
isFinite(null) // true

string

字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。

特殊情况会用到转义符
在单引号字符串的内部,使用单引号
在双引号字符串的内部,使用双引号

'Did she say \'Hello\'?'
// "Did she say 'Hello'?"

"Did she say \"Hello\"?"
// "Did she say "Hello"?"

需要长字符串分成多行

//方法1(好读)
var s2 = '12345'+
'67890'

//方法2(ES6新出的),使用反引号
var s3 = `12345
67890`
s3.length //11,会包含回车

boolean

布尔值相当于是一个开关,布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。

var a = true;
if(a){
    console.log("条件为真");
}else{
    console.log("条件为假");
}

下列运算符会返回布尔值:
两元逻辑运算符: && (And),|| (Or)
前置逻辑运算符: ! (Not)
相等运算符:===,!==,==,!=
比较运算符:>,>=,<,<=

除了以下六个值会被转为false,其他值都视为true

  • undefined
  • null
  • false
  • 0
  • NaN
  • ""或''(空字符串)

undefined & null

null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。

null是一个表示“空”的对象
undefined是一个表示"此处无定义"的原始值
那他们的具体区别是什么?

  • 如果一个变量被声明了,但是没有被赋值,那么这个变量的值就是 undefiend
  • 如果想要表示一个还没赋值的对象,就用 null
  • 如果想要表示一个还没赋值的非对象(字符串/数字/布尔/symbol),就用 undefined

object

对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。key代表键名,value代表键值

key

  • 对象的所有键名都是字符串。如果键名是数值,会被自动转为字符串。如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错。
  • value
    value的值可以是任意的数据类型
  • 属性的读取
    读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。
var obj = {
  123: 'hello world'
};

obj.123 // 报错  因为是数字,数字必须用方括号
obj[123] // "hello world"
  • 属性的查看
    查看一个对象本身的所有键名,可以使用Object.keys方法
var obj = {
  key1: 1,
  key2: 2
};

Object.keys(obj);
// ['key1', 'key2']
  • 属性的删除:delete 命令
    delete命令用于删除对象的属性(删除键名和键值),删除成功后返回true。
    delete命令会返回false,那就是该属性存在,且不得删除。

  • 属性是否存在:in 运算符
    in运算符用于检查对象是否包含某个属性(注意,检查的是键名,不是键值),如果包含就返回true,否则返回false。它的左边是一个字符串,表示属性名,右边是一个对象。

var obj = { p: 1 };
'p' in obj // true
'toString' in obj // true
  • 属性的遍历:for...in 循环
    for...in循环用来遍历一个对象的全部属性。
var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
  console.log('键名:', i);
  console.log('键值:', obj[i]);
}

它遍历的是对象所有可遍历(enumerable)的属性,会跳过不可遍历的属性。
它不仅遍历对象自身的属性,还遍历继承的属性。

你可能感兴趣的:(JS中的数据类型)