JavaScript中的数据类型

2018/08/01

ECMAScript中有5种简单(基本)数据类型以及1种复杂数据类型。

5种简单数据类型--Undefined, Null, Boolean, Number, String
1种复杂数据类型--Object

在谈论数据类型之前, 可以先说说typeof操作符。
使用方式 : typeof 变量名或变量
举例:

1. typeof "string"  //string
2. let abc = 2
    typeof abc  //number
3. let a = function () {return}
    typeof a //function

typeof 的返回值:

返回值 意义
undefined 这个值未定义
boolean 布尔值false or true
string 字符串
number 数值
function 函数
object 对象或者null
  1. Undefined类型
    此类型只有一个值--undefined
let message
console.log(message == undefined) //true
let message = undefined
console.log(message == undefined) //true

若不定义变量直接使用则会报错并不是Undefined, 但是使用typeof 检测也是为undefined

console.log(age) //ReferenceError: age is not defined
console.log(typeof age) //undefined
  1. Null类型
    Null类型也只有一个值------null。

从逻辑角度来看, null值表示一个空对象指针, 而这也正是使用typeof检测null返回object的原因

let car = null
console.log(typeof car) //object

如果定义的变量准备在将来用于保存对象, 最好将变量初始化为null

if (car != null) {
  //执行操作
}

undefined值是派生自null值的 ????!!!!!

所以 console.log(undefined == null) //true
但是 console.log(undefined === null) //false
  1. Boolean类型
    该类型有两个字面值---true and false
    值得注意的是这两个值与数字之不是一回事, true不一定等于1, false不一定等于0。 并且字面值true和false是区分大小写的。True和False都不是布尔值,只是标识符

在ECMAScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolea值,可以调用Boolean(),其总会返回一个布尔值

let message = 'Hello World'
let messageBoolean = Boolean(message)

转换规则

数据类型 转换为true 转换为false
Boolean true false
String 非空字符串 ''和""
Number 非0数值 0和NaN
Object 任意对象 null
Undefined N/A undefined

常用于if语句的判断

  1. Number类型
    Number类型分为整数和浮点数, 也支持不同的数值字面量格式(八进制,十六进制),在进行算术计算是,所有八进制和十六进制表示的数值都是十进制数值。
浮点数
let num1 = 1.1
let num2 = 0.1
let num3 = .1 //也能用,结果为0.1

浮点数所占内存是整数值的两倍,ECMAScript会将其转换。

let num1 = 1. // 结果为1  整数
let num2 = 10.1 //结果为10 整数

在浮点数中,最高精度是17位小数,但是在进行整数计算时精确度远远不如整数, 0.1+0.2的结果不是0.3 而是0.30000000000000004

console.log(0.1+0.2 == 0.3) //false

在此例子中,如果这两个数是0.05和0.25就不会有问题 【需要深入的学习一下! Mark了】


NaN

NaN既非数值是一个特殊的数值,用来表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

console.log(0/'a') //NaN

NaN本身有2个特点。

  1. 任何NaN的操作都会返回NaN
console.log(NaN/10) //NaN
  1. NaN本身与任何值都不相等,包括NaN本身
console.log(NaN == NaN) false

ECMAScript定义了isNaN(value)函数,判断value是否"不是数值",并且它会自动尝试将这个值转换为数值

console.log(isNaN(NaN)) //true
console.log(isNaN(10)) //false (10是一个数值)
console.log(isNaN("10")) //false ("10"可以被转换为10)
console.log(isNaN("blue")) //true
console.log(isNaN(true)) //false(可以被转化为1)

isNaN同样适用于object, 当基于对象调用时,会调用对象的valueOf()方法, 然后再确定该方法的返回值是否可以转换, 如果不能则调用toString()方法,再测试返回值

//今天写到这儿,明天从数值转换开始,明天写完这个章节 2018/08/01 23:24
//刚刚我女朋友让我自己掏钱给她篆刻印章

2018-08-03
数值转换

JavaScript中有3个函数可以把非数值转换为数值

方法名 作用
Number() 可以用于任何数据类型
parseInt() 转换字符串为整形
parseFloat() 转换字符串为浮点型
  1. Number()的转换规则如下
    Boolean值: [true, false] => [1, 0]
    数字值: 直接返回
    null值: 返回0
    undefined: 返回NaN
    字符串: [空 => 0], 数字转换为十进制值['123' => 123, '011' => 11]
Number('Hello World') //NaN
Number('') //0
Number('000011') //11
Number(true) //1
  1. parseInt(value, format)

此函数在转换字符串的时候,更多的是看其是否符合数值模式!它会自动忽略空格, 直到找到第一个非空字符, 若第一个不是数字字符或者符号,则返回NaN, 若为规定字符, 则会继续下去,直到碰到了下一个非数字字符。

parseInt('1234blue') //1234
parseInt('') //NaN
parseInt(22.5) //22

parseInt()的第二个参数规定了其转换时使用的基数(即多少进制) 参考参数[2, 8, 16], 指定这个参数非常有必要。

  1. parseFloat(value, format)
    parseFloat()跟parseInt()类似, 只是parseFloat()在解析时碰到第一个小数点也能继续解析下去。
parseFloat(.1) //0.1

  1. String类型

Sting类型用于表示0或者多个16位Unicode字符组成的字符序列,就是字符串。
ECMAScript中的字符串是不可变的, 也就是说, 字符串一旦创建,他们的值就不能改变。 若要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用一个新的字符串填充变量。

let lang = 'Java'
lang = lang + 'Script'

上例中的变量lang初始为字符串'Java', 第二行lang被赋值为'JavaScript'。 第二行背后的操作为: 首相创建了一个能容纳10个字符的新字符串,然后在此字符串中填充'Java'和'Script', 最后销毁原来的'Java'和字符串'Script', 都是在后台发生的。

转换为字符串

有两种方法可以转换其他类型为字符串toString(), String()

  1. toString()方法, 几乎所有值都有这个方法,此方法的返回值为:将其返回为相应的字符串
let age = 11
console.log(age.toString()) //'11'
let found = true
console.log(found.toString()) //true

toString方法可以传递一个参数为输出值的基数(进制数)

let num = 10
num.toString() //"10"
num.toString(2) //"1010"
num.toString(8) //"12"
2018/08/04

toString()的返回值是一个关于结果的字符串。

  1. String(), 在不知道转换的值是否为null或者undefined的情况下, 就可以使用该函数。其转换规则如下。
    => 1. 如果值有toString()方法, 则返回该结果
    => 2. 如果是null, 返回'null'
    => 3. 如果是undefined, 返回'undefined'
String(10) //'10'
String(true) //true
String(undefined) //'undefined'
String(null) //'null'

上例中, 数字与布尔值直接通过toString()调用, null和undefined没有toString()直接返回字面量。


  1. Object类型

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

let o1 = new Object()
特别的,如果不给构造函数传递参数则可以使用
let 02 = new Object //可以使用但不推荐

在ECMAScript中,Object类型是所有它的实例的基础。所有实例都会继承Object类型的方法和属性。

Object所具有的属性和方法

方法名 作用
constructor 构造函数
hasOwenProperty(propertyName) 检查给定的属性在当前对象的实例中是否存在,而不是原型中
isPrototypeOf(Object) 传入的对象是否是当前对象的原型
propertyIsEnumerable 是否可以枚举
toLocalString() 返回与执行环境地区对应的对象字符串表示
toString() 返回对象的字符串表示
valueOf() 返回对象的字符串,数值或布尔值表示,通常与toString()类型

//我女朋友还没醒 2018/08/04 9.47

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,118评论 0 13
  • JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有七种。 数值(num...
    饥人谷_Leonardo阅读 201评论 0 0
  • 一、下载airpal安装包,airpal官方没有提供编译完毕的安装包,需要自行编译。 安装git,此步骤省略(gi...
    quickcoder阅读 625评论 0 0
  • 今年南方的梅雨季节拖得很长, 导致店里放在开放空间里的皮具包包们长霉斑的频率特别高, 基本每两周就要护理一次,即使...
    自由行走的卡儿妈阅读 531评论 0 0
  • “黑天鹅”这个词,很多人都不陌生,比如特朗普当选美国总统,就是一次典型的“黑天鹅”事件,当时还使得“黑天鹅”在一段...
    黄昏几句阅读 532评论 0 0