美文网首页
JS中的数据类型

JS中的数据类型

作者: zzyo96 | 来源:发表于2018-08-03 11:02 被阅读0次

简介

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 并不是一个类型

相关文章

  • JS 里的数据类型转换

    一.JS中的数据类型 js中的数据类型可以分为七种:string 、number、boolean、symbol、 ...

  • JS中的数据类型和转换

    一、JS中的数据类型 js中的数据类型可以分为五种:number 、string 、boolean、 underf...

  • js基础(一)

    1-js中的数据类型 js中的原始数据类型有6中,其中基本数据类型有4种(string、number、boolea...

  • 2022前端面试题汇总(附答案)更新中

    JS相关 1.JS中的数据类型 (1)数据类型分为基本数据类型和引用数据类型基本数据类型:number、null、...

  • JS数据类型判断

    js中可以通过typeof来判断基本的数据类型。 数据类型 js的数据类型分为基本数据类型和引用数据类型,基本数据...

  • JS 高频面试题汇总

    # 说一下JS 中的数据类型有哪些 JS 数据类型包括 基本 / 引用 / 特殊 数据类型: 基本数据类型:Str...

  • JS 里的数据类型

    JS之父:Branden Eich。 JS的标准是ECMAScript。 JS只有七种数据类型,在这些数据类型中要...

  • js中的数据类型及转换

    Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,n...

  • js笔记二十六之预解释

    js中的数据类型 基本数据类型stringnumberundefinednullBoolean 引用数据类型对象{...

  • Web前端必知篇:原型链的讲解

    js中的数据类型 js中的数据类型有两种,1是基本数据类型,2是引用数据类型。引用数据类型又可分为原生引用类型和自...

网友评论

      本文标题:JS中的数据类型

      本文链接:https://www.haomeiwen.com/subject/qyfyvftx.html