JS 数据类型

作者: weqwqwqwe121312 | 来源:发表于2018-09-06 16:40 被阅读6次

    数据类型:5种基本类型 ES6的symbol类型 引用类型

    一、5种基本数据类型

    1. Undefined

    只有一个特殊值unfefined,变量在未初始化的情况下,值为undefined

    2. Null

    只有一个特殊值null,表示空对象指针

    3. Boolean

    包含两个字面值:truefalse

    数据类型 true false
    Boolean true false
    String 任何非空字符串 空字符串
    Number 任何非零数字值(包含正负无穷值) NaN, 0
    Object 任何非空对象 null
    Undefined undefined

    4. Number

    • 十进制:如let number = 12
    • 八进制:第一位为0,然后是八进制数字序列0-7,如:let number = 012,表示十进制的数字10。数值超出范围时,前导0将被忽略,后面的数值当成十进制处理。严格模式无效
    • 十六进制:前两位为0x,=,然后是十六进制数字0-9及A-F/a-f,如:let number = 0xA,表示十进制的数字10

    注意

    • 浮点数:计算会产生误差

    常用方法、属性

    • 浮点数:计算会产生误差
    • Number.MIN_VALUE:ECMAScript可表示的最小值
    • Number.MAX_VALUE:ECMAScript可表示的最大值
    • +Infinity:超出范围的值,正无穷,如:1/0,返回Infinity不能参与计算
    • -Infinity:超出范围的值,负无穷,如:-1/0,返回-Infinity不能参与计算
    • isFinite( ):判断是否有穷值,在范围内的数值返回true
    • NaN:特殊数值,非数值,用来表示本应返回数值的操作数未返回数值的情况,如:零除以零,返回NaN。特点:1. 任何涉及NaN的操作都返回NaN;2. NaN与任何值都不相等,包括自己本身。
    • isNaN( ):判断参数是否不是数值,函数在接收到参数后,会先尝试将参数转成数值型,不能转成数值的参数会返回true;转成数值的部分,如果参数是NaN则返回true

    数值转换

    • Number( ):将任何类型参数转成数值
    数据类型 转换结果
    Number number
    Boolean true:1
    false:0
    Undefined NaN
    String 1. 只包含数字,忽略前导0,返回数值
    2. 包含有效浮点格式,忽略前导0,返回数值
    3. 包含有效的十六进制格式,如:0xA, 返回对应的十进制数值
    4. 空字符串,返回0
    5.包含除上述格式之外字符,返回NaN
    Object 1. null:0
    2. 非空,调用对象的valueOf( ) 方法,然后按照前面的规则返回相应值,如果返回结果为NaN,则再调用对象的toString( )方法,继续按照规则转换
    • parseInt(args, [type]):将字符型参数转成数值,忽略空格,提供两个参数,第一个表示要转换的参数,第二个用来指定转换基数
    判断过程 转换结果
    第一个字符非负号,非数值 NaN
    字符串以"0x"开头 按照十六进制格式转换
    遇到非数字字符,包含小数点 停止解析,返回结果, 如"22.5",返回22
    • parseFloat( ):将字符型参数转成数值,忽略空格,与parseInt(
      )用法类似,只是只解析十进制,不提供第二个参数,且认为第一个小数点为有效的

    5. String

    特殊的字符字面量,转义序列,用于表示非打印序列

    字面量 含义
    \n 换行
    \t 制表符,相当于tab键
    \b 空格
    \r 回车
    \f 进纸换页
    \\ 斜杠
    ' 单引号,在单引号字符串使用,如:let string = 'He say \'hi\'.'
    " 双引号,在双引号字符串使用,如:let string = "He say \"hi\"."
    \xnn 以十六进制nn表示的字符
    \unnn 以十六进制nnnn表示的Unicode字符

    注意:

    • 获取字符串长度时,string.length空格算1个字符,多个字符的转义序列算一个字符。
    • toString()方法:转成字符型,数值、布尔值、对象和字符串都有该方法,null和undefined没有该方法,使用该方法会报错。对于数字的的转换,默认采用十进制,toString方法可以接受一个参数,来指定转换数字采用的进制类型。
    • String(arg)方法:转成字符型,如果参数有toString()方法,则返回对应结果,如果null则返回null,undefined返回undefined。
    • toLowerCase()方法:转成小写
    • toLocaleLowerCase()方法:转成小写,针对特定地区
    • toUpperCase()方法:转成大写
    • toLocaleUpperCase()方法:转成大写,针对特定地区

    二、ES6的symbol类型

    三、引用类型

    一组数据与功能的集合。

    Object是所有它的实例的基础,即Object类型所具有的任何属性和方法也同样存在于更具象的实例中。

    引用类型的值是保存在内存中的变量,即操作对象时,实际上操作的是对象的引用而不是对象的指针。

    Object的每个实例都具有一下属性和方法

    属性/方法 含义
    constructor 构造函数,保存用于创建当前对象的函数,如:let o = new Object(), 则对象 o 的构造函数就是 Object()
    hasOwnProperty(propertyName) 用于检查给定的属性是否在当前实例中【而不是实例的原型中】,其中参数propertyName必须是字符串
    isPrototypeOf(object) 用于检查传入的对象是否是传入对象的原型
    propertyIsEnumerable(propertyName) 用于检查给定的属性能否使用for-in语句进行枚举,其中参数propertyName必须是字符串
    toLocaleString() 返回对象的字符串表示,该字符串与执行环境的地区对应
    toString() 返回对象的字符串表示
    valueOf() 返回对象的字符串、数值或布尔值表示,通常与toString()返回结果一致

    注意:

    • 引用类型的复制,在操作结束以后,两个变量实际上将引用同一个对象,改变其中一个变量的值,也会影响另一个变量。
    • 不管是基础类型还是引用类型,参数都是按值传递的

    1. Object类型

    • 可使用new操作符后面跟构造函数的方式,如 let o = new Object()
    • 可使用对象字面量的形式创建, 如 let o = {name: 'test'}

    2. Array类型

    数组的每一项可以保存任意类型的数据,且数组的大小是可以动态调整的。

    • 可使用new操作符后面跟Array构造函数的方式,如 let a = new Array(),也可以传递数值创建指定长度的数组,如 let a = new Array(20), 也可以省略new操作符
    • 可使用数组字面量的形式创建,如 let a = [0, 1, 2]

    数组常用方法

    • length:返回数组的长度,且length非只读,可修改
    • Arrag.isArray(value): 用来确定value是不是数组
    • push():栈方法【后进后出】,添加到数组的末尾,并返回修改后数组的长度
    • pop():栈方法【后进后出】,移除数组的最后一项,并返回该项
    • shift():队列方法【先进先出】,移除数组的第一项,并返回该项
    • unshift():dailies方法【先进先出】,添加到数组的开头,并返回修改后数组的长度
    • reverse(): 返回逆序后的数组
    • sort():按照字符编码排序,可指定排序规则,返回排序后的数组
    • concat():返回拼接后的新数组,原数组不变
    • slice(startiIdx, endIdx):返回根据位置创建的新数组,原数组不变。如果传递的参数中有负数,则用数组的长度加上该参数来确定相应的位置。如果end<start,则返回空数组
    • splice():可以对数组进行多种操作,插入、删除、替换
    • indexOf():两个参数第一个参数是查找项,第二个是查找的起点位置索引[可选],返回查找项在数组中的位置,没查到的情况返回-1
    • lastIndexOf():两个参数第一个参数是查找项,第二个是查找的起点位置索引[可选],返回查找项在数组中的位置,从数组的末尾开始查找,没查到的情况返回-1
    • every():对每一项执行指定函数,每一项都返回true,则返回true
    • filter():对每一项执行指定函数,返回该函数返回true 的项组成的数组
    • forEach():对每一项执行指定函数,无返回值
    • map():对每一项执行指定函数,返回每次调用结果组成的数组
    • some():对每一项执行指定函数,若函数中的任意一项都返回true,则返回true
    • reduce():从数组的第一项开始,迭代数组的所有项,返回最终值
    • reduceRight():从数组的最后一项开始,迭代数组的所有项,返回最终值

    3. Date类型

    • 可使用new操作符后面跟Date构造函数的方式,如 let d = new Date(),如果根据指定的时间创建日期对象,则参数必须是改日期的毫秒数【即从1970年1月1日午夜起到该日期的毫秒数】,如果直接在Date()传递日期字符串,则会在后台调用Date.parse()方法获取毫秒数。

    日期常用方法

    • Date.parse():返回指定日期毫秒数。接收表示日期的字符串做参数,如果字符串不能表示日期,则返回NAN,如:let d2 = new Date(Date.parse(May 25, 2004))
    • Date.UTC(): 返回指定日期毫秒数。接收的参数与Date.parse()不同 如:let d2 = new Date(Date.UTC(2000, 1, 2, 17, 55, 55))
    • Date.now(): 返回调用方法的日期的毫秒数

    4. RegExp类型

    • 可使用正则表达式字面量的方法创建正则表达式 let expression = / pattern / flags,其中pattern模式部分可以是任何简单或复杂的正则表达式,每个正则表达式都可带有一个或多个flags标志。
    • 可使用new操作符后面跟RegExp构造函数的方式,如let pattren = new RegExp("[bc]at", "i")

    目前支持的标志有三种:

    • g: 表示全局模式,即该模式将被应用于所有的字符串
    • i: 表示不区分大小写
    • m: 表示可以匹配多行

    注意

    • 元字符在正则表达式中都有一种或多种用途,如果要匹配的字符串中包含这些字符,则需要对它们进行转义,元字符包括:( [ { \ ^ $ | ) ? * + .]}

    RegExp实例属性

    • global: 表示是否设置了g标志
    • ignoreCase: 表示是否设置了i标志
    • lastIndex: 表示开始搜索下一个匹配项的字符位置,从零开始
    • multiline: 表示是否设置了m标志
    • source: 正则表达式的字符串表示

    RegExp实例方法

    • exec():参数为将要使用该模式匹配的字符串,返回第一个匹配项信息的数组。 exec每次只会返回一个匹配项,在全局的情况下,每次调用方法,都会在字符串种继续查找新的匹配项;非全局下,始终返回第一个匹配项。
    • test():参数为将要使用该模式匹配的字符串,匹配的情况返回true,反之 false。

    5. Function类型

    • 可使用函数声明语法定义,解析器会预先读取函数声明,可以在任何地方使用。如: function a () {}
    • 可使用函数表达式的形式定义,必须解析过后才可以使用,如 let a = function () {}。这种情况下创建的函数为匿名函数,因为function关键字后面没有标识符,也称为拉姆达函数。
    • 可使用构造函数的形式定义,如 let a = new function () // 不推荐

    注意

    • 函数无重载,即命名相同的函数,最后一个会覆盖掉之前的函数。

    函数内部属性

    • this:引用的是函数据以执行的环境对象,在全局作用域中调用函数时,this对象引用的就是window
    • arguements:类数组对象,包含传入函数中的所有参数。注意,arguements下有一个属性callee,该属性是一个指针,指向拥有arguements对象的函数

    函数的属性和方法

    • length:接收的参数的个数
    • prototype:不可枚举,保存所有实例方法的真正所在
    • apply():在指定的作用域中调用函数,即设置函数的this对象值,接收两个值,第一个值为运行函数的作用域,第二个值是参数数组[数组|arguments对象]
    • call():与apply()用法一致,只是第二个参数不能传递数组,需要将参数一个一个传递
    • bind():将this的值绑定到传给bind()函数的值

    6. 内置对象--Global对象

    所有在全局作用域种定义的属性和方法都是Global的属性。

    编码方法:

    • encodeURI():对URI进行编码,将无效的字符使用utf-8编码替换,然后发送给浏览器,以便浏览器接受和理解。作用于整个URI,不会对本身属于URI的特殊字符编码。
    • encodeURIComponent():对URI的某一段进行编码,会对它认为的所有非标准字符进行编码。因此在使用过程中,对整个URI使用encodeURI(),对附加在现有URI后的字符串使用encodeURIComponent()
    • decodeURI():解码,只能解析encodeURI编码的部分
    • decodeURIComponent():解码,只能解析encodeURIComponent编码部分

    7. 内置对象--Math对象

    Math对象的属性

    属性/方法 含义
    MATH.E 自然对数的底数,即e的值
    MATH.LN10 10的自然对数
    MATH.LN2 2的自然对数
    MATH.LOG2E 以2为底的对数
    MATH.LOG10E 以10为底的对数
    MATH.PI 2的自然对数
    MATH.SQRT1_2 1/2的平方根
    MATH.SQRT2 2的平方根
    max() 获取最大值
    min() 获取最小值
    ceil() 向上舍入
    floor() 向下舍入
    round() 四舍五入
    random() 返回0-1范围内的随机数
    abs() 绝对值

    相关文章

      网友评论

        本文标题:JS 数据类型

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