JS-数据类型

1、js的类型
2、如何判断一个数据的类型
3、数据的引用


1、js的类型

js中的数据类型有六种

  1. 数字(number
  2. 字符串 (string
  3. 布尔值 (boolean
  4. undefined
  5. null
  6. 对象(狭义的对象Object、数组Array、函数Function、正则表达式)

1-5是基本类型,对象是复杂类型

1.1 数字(number

常见的number类型:整数、浮点数、科学计数法、NaNInfinity

1.1.1、浮点数
浮点数一般要占用更多内存,所以js会尽可能的用整数来保存数据,如果浮点数的小数点后没有数字,那么这个浮点数会被保存为整数( 1.0 等价于 1)

1.1.2、数值范围
js保存数值是有极限的,如果得到了一个超过极限的数值,那么会被保存为Infinity;如果此数值为正,就转换为+Infinity,反之亦然。
可以使用isFinite();函数进行判断
例:

var num = 9e999999999999;
isFinite(num);       //数值范围内的正常值返回true,如果超出极限或者是NaN就返回false
 false

1.1.3、数值转换
常用的有Number()parseInt()parseFloat()

  1. Number()
    应用于把任何数据转换为数字,规则:
     1.数值数据(number)不改变
    Number(3)
    3
     2.字符串(string
       如果字符串只包含数字,就返回这个数字(数值前若有0忽略)
    Number('012')
    12
       如果包含浮点数,返回响应浮点数,(忽略前0
    Number('01.3')
    1.3
       如果字符串是空的,返回0
    Number('')
    0
       如果字符串包括上三项·以外的字符,返回NaN
    Number('1a2b')
    NaN
     3.布尔值(boolean)的truefalse会被转化为10null返回0
     4.undefined返回NaN
     5.null返回0
     6.对象(object
       先调用valueof(),然后按照上述规则转换,如果返回NaN,再调   用toString(),然后按照规则转换。
  2. parseInt()
    parseInt()规则:
      1.会自动忽略空格并识别第一个非空格字符
      2.如果第一个非空格字符是非数字字符,那么直接返回NaN
      3.如果第一个非空格字符数字字符,那么继续解析,直到解析完毕或者解析到了非数字字符
parseInt("x23")
NaN
parseInt("023")
23
parseInt("23x")
23
parseInt("3.4")
3            // "." 是非数字字符

ps:parseInt可以传入第二个参数,第二个参数决定`parseInt``按照几进制对字符串进行解析。

  1. parseFloat()
    parseFloat()规则:
      1.与parseInt相同
      2.第一个小数点视为有效
      3.没有第二个参数,只能以十进制计算
parseFloat("0.3")
0.3
parseFloat("x3.3")
NaN
parseFloat("3.3.3.3")
3.3         //只有第一个小数点被视为有效,其余的小数点仍被视为非数字字符
parseFloat("020.3")
20.3

1.1.4、NaN
意为Not a Number,NaN被用于【本应返回数值】却未返回数值时(多用于字符串解析为数字出错的场合)
NaN有两个特点:

  1. 任何涉及到NaN的操作,最后都会返回NaN
  2. NaN不等于任何值,包括它自己。

可以使用isNaN();函数判断或者利用NaN不等于自身这个特性判断
例:

console.log(NaN+10)
NaN
console.log(NaN === NaN)
false
console.log(isNaN(NaN))
true
console.log(NaN !== NaN)
true

这里要注意,除了NaN以外,isNaN函数如果传入字符串,也会返回 true
js中不区分整数和浮点数,

1.2 字符串(string

零个或多个排在一起的字符,由单/双引号包裹

1.2.1 数组与字符串
其本质可以视为字符组成的数组

var a = "huang";
console.log(a[0])
h
console.log(a.length)
5

1.2.2 字符串特点
字符串在js里不可变,一旦创建,就不可改变

var a = "hello";
a = a + "world"

以上代码实现过程,
1、先是第一行代码把"hello"赋予变量a
2、然后第二行代码先创建能容纳十个字符("helloworld"一共十个字符)的字符串,把"helloworld"放进去
3、最后销毁最开始的"hello""world"

1.2.3 字符串的转换
使用toString()方法

var value1 = 123;
var value2 = false;
var value3 
var value4 = "huang";

console.log(String(value1))
"123"
console.log(String(value2))
"false"
console.log(String(value3))
"undefined"
console.log(String(value4))
"huang"


1.2.4 字符串相加
字符串之间可以用+相加

var a = "hello";
a = a + "world"
console.log(a)
"helloworld"

字符串和数字用+相加,数字会被污染,得到新字符串

var a = "abc";
console.log(2+a)
"2abc"

1.3 布尔值(boolean

只有真(true)和假(false)两个值
很多时候(比如流控制语句中),js会把数据进行布尔值转换
只有undefined、null、0、false、NaN、""(空字符串)会转换为false,其他数据都是true

1.4 undefined

意为【 未定义 】 是此处不存在任何值
有四种情况会返回undefined
1、声明变量但未赋值

var xx
console.log(typeof xx)
undefined                    //变量xx被声明但未赋值,typeof返回undefined

2、声明变量并赋值为undefined
(一般没必要这么做,因为未初始化的变量本就是undefined)

var xx = undefined
console.log(typeof xx)
undefined                    //变量xx被声明并赋值为unfined,typeof返回undefined

3、对象没有赋值的属性,该属性值为undefined
4、函数没有返回值时返回undefined,函数调用参数却未提供参数时,参数为undefined

PS:undefined有一个特性,

var b
console.log(b)
undefined  //声明变量b,正常返回undefined
console.log(c)
发生错误 //未声明变量c,返回错误,这里都很正常,但是
typeof b
undefined      //正常返回undefined
typeof c
undefined     //居然也返回了undefined而不是返回错误

那么我们最好在需要undefined的时候都进行赋值操作,那么一旦typeof返回了undefined,如果这个变量还不是我赋值的,那我就可以判断这个变量是未声明过的变量

1.5 null

意为【空】,表示这里有一个空对象指针
某个变量将来准备保存为对象,那么就应该把它初始化为null

1.6 对象(Object)

由若干健值对组成的数据集合
 1.6.1 对象的生成
   1、给变量赋值一个大括号

var o1 = {};
typeof o1;
"object"

2、使用new Object();构造函数

var o2 = new Object();
typeof o2;
"object"

2、如何判断一个数据的类型

  • typeof
    使用 typeof 语句
    例:
typeof 1
"number"
typeof false
"boolean"
typeof 'abc'
"string"
  • instanceof
    使用typeof有个问题,虽然函数数据会正常返回function,但是数组和对象用typeof都会返回object,那么怎么区分数组和对象呢?
    使用instanceof
    instanceof 会判断一个数据是不是由某个构造函数创造的实例。
    例:
[1,2,3] instanceof Array
true
var o = new Object();
o instanceof Object
true

这样就可以分辨出数组和对象了。


3、数据的引用

3.1 基本类型数据的引用
基本类型数据的引用是对的拷贝

var a = 100;
var b = a;
var a = 50;
console.log(b)
100

上述代码第三行改变了a的赋值,并没有影响b
说明ab在代码第二行虽然值相等,但是并未指向同一个内存地址,而是拷贝了a的值赋予了b

3.2 复杂类型数据的引用
复杂类型数据其实是指向某个内存地址的指针
如果两个变量指向同一个内存地址,修改其中一个,另一个也会体现出修改。

var x = new Object();
var y = x;
x.a = 1;
console.log(y.a)
1               //改变了x.a的值,y.a的值也响应改变了,因为x和y指向的是同一个地址

对于引用类型数据,如果取消一个变量的引用,不会影响另一个

var x = new Object();
var y = x;      //此时x和y都是指向同一个对象
x = 100;       // x被赋值100,此时x变为数字
typeof y   
"object"      //y仍然是对象,y仍然指向原来那个对象
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容