学习笔记整理-JS-02-基本类型

这篇具有很好参考价值的文章主要介绍了学习笔记整理-JS-02-基本类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、数据类型简介和检测

1. JavaScript中两大数据类型

  • 基本数据类型

    • Number String Boolean Undefined Null
  • 复杂数据类型

    • Object Array Function RegExp Date Map Set Symbol等等
  • typeof运算法

    • 使用typeof运算法可以检测值或者变量的类型
      类型名 typeof检测结果 值举例
      数字类型 number 5
      字符串类型 string ‘张三’
      基本类型值 布尔类型 boolean true
      undefined类型 undefined undefined
      null类型 object null

二、基本数据类型

1. 数字类型

  • 所有数字不分大小、不分整浮、不分正负、都是数字类型
      typeof 925  // number
      typeof 3.13 // number
      typeof -6   // number
    
  • 小数中0可以省略
      .5;        // 0.5
      typeof .5  // number
    
  • 科学计数法,较大数或较小数(绝对值较小)可以写成科学计数法
      3e8;         // 300000000
      typeof 3e8;  // number
    
      3e-4;        // 0.0003
      typeof 3e-4; // number 
    
  • 不同进制的数字
    • 二进制数值以0b开头
        0b10      // 2
        0b1111    // 15
      
    • 八进制数值以0开头
        017     // 15  
      
    • 十六值数字以0x开头
        0xf     // 15
      
  • 一个特殊的数字型值NaN
    • NaN是英语"not a number"的意思,即"不是一个数",但它是一个数字型的值。
        typeof NaN;   // number
      
    • 0除以0的结果是NaN,事实上,在数学运算中,若结果不能得到数字,其结果往往都是NaN
    • NaN有一个"奇怪"的性质:不自等。

2. 字符串类型

  • 字符串要引用引号包裹,双引号或者单引号均可。

      typeof "张三";   // string
    
  • 分清数字和字符串

    • 数字11和字符串'11'在语义上是不同的,前者表达一个数量,后者表达一个文本。
        typeof 11;    // number
        typeof '11';  // string
      
  • 字符串的拼接

    • 加号可以用来拼接多个字符串
        'zhang' + 'san'
      
  • 字符串和变量的拼接

    • 要将一个变量的值"插入"到字符串中,要"斩断链接"
        var year = 2018;
        var str = "北京奥运会" + year + "年召开";
      
    • ES5中可以使用反引号拼接
        const year = 2018;
        const str = `北京奥运会${year}年召开`;
      
  • 空字符串

    • 一些时候需要使用空字符串,直接书写闭合的引号即可。
        var str = "";
      
  • 字符串的length属性

    • 字符串的length属性表示字符串的长度
        "zhangsan".length;  // 8
        "".length;          // 0
      
  • 字符串的常用方法

    方法 功能
    charAt() 得到指定位置字符
    substring() 提取子串
    substr() 提取子串
    slice() 提取子串
    toUpperCase() 将字符串变为大写
    toLowerCase() 将字符串变为小写
    indexOf() 检索字符串
    • charAt()方法

      • 可以得到指定位置的字符
          "张三".charAt(0);  // 张
        
    • substring()、substr()、slice()方法

      • substring(a, b)方法得到从a开始到b结束(不包括b处)的子串。
          'JavaScript 是最好的语言'.substring(3, 5); // 'aS'
        
      • substring(a, b)方法如果省略第二个参数,返回的子串会一直到字符串的结尾。
          'JavaScript 是最好的语言'.substring(3); // 'aScript 是最好的语言'
        
      • substring(a, b)中,a可以大于b,数字顺序将自动调整为小数在前。
          'JavaScript 是最好的语言'.substring(5, 3); // 'aS'     
        
      • substr(a, b)中,将得到从a开始的长度为b的子串
          'JavaScript 是最好的语言'.substr(5, 3); // 'cri'         
        
      • substr(a, b)中,b可以省略,表示到字符串结尾。
      • substr(a, b)中,a可以是负数,表示倒数位置。
          'JavaScript 是最好的语言'.substr(-5, 3); // '最好的'     
        
      • slice(a, b)的参数a可以是负数。
          'JavaScript 是最好的语言'.slice(-5, -1); // '最好的语'     
        
      • slice(a, b)中,参数a必须小于参数b
          'JavaScript 是最好的语言'.slice(5, 2); // ''         
        
      • 对比总结
        • substring(a, b)slice(a, b)功能基本一致,都是得到从a开始到b结束(不包括b)的子串,区别:
          • substring()可以自动交换两个参数位置,而slice()不行;
          • slice()的参数a可以是负数,而substring()不行。
        • substr(a,b)中参数b是子串长度,而不是位置编号`
    • toUpperCase()转为大写

         'zhangsan'.toUpperCase(); // 'ZHANGSAN'
      
    • toLowerCase()转为小写

         'ZHANGSAN'.toLowerCase(); // 'zhangsan'
      
    • indexOf()方法返回某个指定的字符串值在字符串中首次出现的位置

      • 如果要检索的字符串值没有出现,则该返回-1
          "abcdef".indexOf('b');  // 1
          "abcdef".indexOf('g');  // -1   
        

3. 布尔类型

  • `布尔[Boole·George]英国19世纪数学家及逻辑学家。
  • 布尔型值只有两个:truefalse,分别表示真和假

4. undefined类型

  • 一个没有被赋值的变量的默认值是undefined,而underfined的类型也是underfined
  • 即:underfined又是值,又是一种类型,这种类型只有它自己一个值。
      typeof undefined;   // undefined
    
  • 在变量声明提升时,变量的值也是undefined

5. null

  • null表示"空",它是"空对象"。
  • 当我们需要将对象销毁、数组销毁或者删除事件监听时,通常将它们设置为null
  • typeof检测null结果是object
    • 使用typeof检测null值,结果是object
    • 类型和typeof检测结果并不总是一一对应,比如数组用typeof检测结果也是object

三、数据类型的转换

1. 数据类型的转换

  • 使用Number()函数
    学习笔记整理-JS-02-基本类型,javascript,javascript,开发语言,ecmascript

  • 使用parseInt()函数的功能是将字符串转为整数
    学习笔记整理-JS-02-基本类型,javascript,javascript,开发语言,ecmascript

  • 使用parseFloat()函数的功能将字符串转为浮点数
    学习笔记整理-JS-02-基本类型,javascript,javascript,开发语言,ecmascript

  • 使用toString()方法,几乎所有值都有toString()方法,功能就是将值转为字符串。

  • 使用Boolean()函数
    学习笔记整理-JS-02-基本类型,javascript,javascript,开发语言,ecmascript文章来源地址https://www.toymoban.com/news/detail-647931.html

四、重点内容

  • JavaScript中有哪些基本类型值? 它们的typeof检测结果是什么?
  • 说出下面几个特殊值是什么:
    • NaN
    • undefined
    • null
  • 各种类型值相互转换的方法和转换规律
  • 下面表达式的结果是?
        parseInt('3.6'+'5.1'); // 3
        Boolean('false'); // true
        0/0 // NaN
        4/0 // Infinity
    
  • 请说出substring()、substr()和slice()方法的区别

到了这里,关于学习笔记整理-JS-02-基本类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://blog.csdn.net/u012365780/article/details/132266932

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包