JS中的数据类型

简介

JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值。)

  • 数值(number):整数和小数(比如1和3.14)
  • 字符串(string):文本(比如Hello World)。
  • 布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)
  • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
  • null:表示空值,即此处的值为空。
  • 对象(object):各种值组成的集合。

通常,数值、字符串、布尔值这三种类型,合称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。
对象则称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

对象是最复杂的数据类型,又可以分成三个子类型。

  • 狭义的对象(object)
  • 数组(array)
  • 函数(function)
    函数其实是处理数据的方法,JavaScript 把它当成一种数据类型,可以赋值给变量,这为编程带来了很大的灵活性,也为 JavaScript 的“函数式编程”奠定了基础。

typeof 运算符

typeof运算符可以返回一个值的数据类型。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
typeof undefined //"undefined"
typeof window // "object"
typeof {} // "object"
typeof [] // "object"

两个BUG

  • typeof null // "object" (本来应该是null类型)
  • typeof fn //"function" (本来应该是object)

数组和对象都是object类型,如何进一步区分数组还是对象?——instanceof 运算符

var o = {};
var a = [];
o instanceof Array // false
a instanceof Array // true

书写规范

JS特点还没有发布的特性就已经使用了。

  • 存数字的时候要搞清楚是存数值(number)还是字符串(string),比如要存一段手机号,就要存为字符串类型。因为浏览器很可能把你存的数解析为八进制


    image.png
  • string中可以用单引号或者双引号如: '你好' 或者 "你好"
    可以存空字符串 '' 或 "" (长度为0)
    可以存空格 ' ' 或 '' '' (长度为1)
    当存在特殊符号的时候要用反斜线(\)进行转义

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

  • 如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

var longString = 'Long \
long \
long \
string';
longString
// "Long long long string"

上面代码表示,加了反斜杠以后,原来写在一行的字符串,可以分成多行书写。但是,输出的时候还是单行,效果与写在同一行完全一样。注意,反斜杠的后面必须是换行符,而不能有其他字符(比如空格),否则会报错。

连接运算符(+)可以连接多个单行字符串,将长字符串拆成多行书写,输出的时候也是单行。(常用+来凭借字符串而不是)

var longString = 'Long '
+ 'long '
+ 'long '
+ 'string';

  • 转义

反斜杠(\)在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。

需要用反斜杠转义的特殊字符,主要有下面这些。

\0 :null(\u0000)
\b :后退键(\u0008)
\f :换页符(\u000C)
\n :换行符(\u000A)
\r :回车键(\u000D)
\t :制表符(\u0009)
\v :垂直制表符(\u000B)
' :单引号(\u0027)
" :双引号(\u0022)
\ :反斜杠(\u005C)

上面这些字符前面加上反斜杠,都表示特殊含义。

console.log('1\n2')
// 1
// 2

null和undefined

  • 当一个声明一个变量但是为赋值的情况下这个变量的值为 udnefined
  • 有一个对象object暂时不想赋值的时候可以先赋值为 “null”
  • 非对象暂时不想赋值的时候可以赋值为"undefined"

关于对象

假如有这样一个对象person

person={
name:'Jack',
age:18,
'':'Mary',
9a:'Amy', X
'a_b':'Hello'
}
注意以下几点:

  • 可以声明空键。取值的时候person[''] //'Mary'
  • 可以中间加空格,但是必须加“”双引号括起来 如:'a_b'
  • 取值的时候必须加引号,如person['name']
  • 对象中的key命名同变量名的明明一致,开头不能是数字,如9a,但是可以用"9a",因为“9a”是字符串
  • 如果命名符合规则的情况下可以用' . '访问,如person.name
  • 删除时 : delete person['name'] 不能用person['name'] = undefined(这只是为name赋值为undefined并不是删除,因为这个时候name是存在的,只不过值为undefined,真正的删除是无key 无value)

数据类型

七种数据类型(请背诵):number string boolean symbol undefined null object
注意没有 array 类型也没有 function 类型。

  1. number

    • 整数和小数:1 1.1 .1
    • 科学记数法:1.23e2
    • 二进制:0b11
    • 八进制:011(后来 ES5 添加了 0o11 语法)
    • 十六进制:0x11
  2. string

    • 空字符串:''

    • 多行字符串:

        var s = '12345' +
                    '67890' // 无回车符号
        或
        var s = `12345
        67890` // 含回车符号
      
      
  3. boolean

    • boolean 的取值
      只有两个值:true 和 false
      a && b 在 a 和 b 都为 true 时,取值为 true;否则为 false
      a || b 在 a 和 b 都为 false 时,取值为 false;否则为 true
  4. symbol
    方应杭:JS 中的 Symbol 是什么?

  5. undefined 和 null
    都表示没有值,至于 JS 为什么有两个表示「没有值」的东西,可以从 JS 之父的 twitter 中知道当时他也挺纠结的:https://twitter.com/BrendanEich/status/333008305461006336

    1. (规范)如果一个变量没有被赋值,那么这个变量的值就是 undefiend
    2. (习俗)如果你想表示一个还没赋值的对象,就用 null。如果你想表示一个还没赋值的字符串/数字/布尔/symbol,就用 undefined(但是实际上你直接 var xxx 一下就行了,不用写 var xxx = undefined)
  6. object

    • object 就是上面几种基本类型(无序地)组合在一起

    • object 里面可以有 object

        var person = {
            name: 'Frank', 
            'child': {
                name: 'Jack'
            }, // 最后这个逗号可有可无
        }
      
      
    • object 的 key 一律是字符串,不存在其他类型的 key

    • object[''] 是合法的

    • object['key'] 可以写作 object.key

    • 注意 object.key 与 object[key] 不同

    • delete object['key']

    • 'key' in object

  7. typeof 操作符

xxx 的类型 string number boolean symbol undefined null object function
typeof xxx 'string' 'number' 'boolean' 'symbol' 'undefined' 'object' 'object' 'function'

注意 function 并不是一个类型

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

推荐阅读更多精彩内容

  • JS中一共有6种数据类型,分为:数字(Number)、字符串(String)、布尔值(Boolean)、undef...
    大春春阅读 693评论 0 4
  • js中的数据类型分6种 1;string 字符串型; 2;Number;数字型; 在js中数据类型就...
    pangzhi阅读 344评论 0 1
  • [JS中的数据类型] js中有五种基本数据类型(Number,String,Boolean,Undefined,N...
    LikySis阅读 157评论 0 0
  • 大家好,我是IT修真院上海分院第1期的Web学员刘洪利,今天给大家分享一下关于Js中的数据类型和常用方法 一.背景...
    LHongLi阅读 436评论 0 1
  • 整个Js可以简单理解为二个部分,数据部分,操作运算部分。 Js中数据类型分为:原始的数据类型 (由简单数据类型组成...
    Rainism_140d阅读 450评论 0 0