web学习笔记(十一)

目录

1.数据类型

1.1数据类型分类

(1)简单(基本)数据类型

(2)复杂(特殊)数据类型

 1.2判断数据类型的方法

(1)常规判断方法: 

(2)特殊判断方法(通用判定数据类型的方法):

2.数字型 Number

2.1常见的进制

2.2JavaScript中数值的最大和最小值

2.3数字型三个特殊值

2.4isNaN()

3.布尔型Boolean

4.字符串型 String

4.1字符串型语法

4.2字符串转义符

4.3 字符串长度

4.4 字符串拼接

4.5 字符串拼接加强

5.Undefined 和 Null

6.数据类型转换

6.1 什么是数据类型转换

6.2 转换为字符串

6.3 转换为数字型(重点)

6.4 转换为布尔型

补充:


1.数据类型

js是一门弱类型(声明变量时并不知道是什么数据类型,数据类型由赋值来决定)的语言或者动态语言(同一变量可以存在不同类型的值),在声明变量时没有确定数据类型,完全取决于赋值

1.1数据类型分类

(1)简单(基本)数据类型

  • 数值类型  (Number)    1  1.2  -2   3.12              
  • 字符串类型(String)  'hello'   "world"              
  • 布尔类型(Boolean)   true  false              
  • Undefined类型 :未定义      声明了变量,未赋值              
  • Null :空值      表示一个不存在的或无效的对象或地址

(2)复杂(特殊)数据类型

  •  object  --引用数据类型
  •  数组

  • 函数

  • 日期对象

  • 正则

 1.2判断数据类型的方法

(1)常规判断方法: 

       typeof 变量名(  typeof 也是运算符 ) 

        let b = 20;console.log(b, typeof b);

    数据类型的返回值为:   "number"   "string"   'boolean' 'undefined'   'object'   'function'    

(2)特殊判断方法(通用判定数据类型的方法):

         Object.prototype.toString.call(参数)    对象   原型对象  转为字符串  呼叫           

      

 console.log(Object.prototype.toString.call(12324));

      数据类型的返回值为: [object Number]   [object String]  [object Boolean] [object Undefined][object object ]   [object Null]          [object Function]

2.数字型 Number

JavaScript 数字类型既可以用来保存整数值,也可以保存小数(浮点数)。

2.1常见的进制

二进制、八进制(前面加0)、十进制、十六进制(前面加0x)。

// 1.八进制数字序列范围:0~7
var num1 = 07;  //对应十进制7	
var num3 = 011;//对应十进制9
// 2.十六进制数字序列范围:0~9以及A~F
var num = 0xA;

2.2JavaScript中数值的最大和最小值

  • 最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
  • 最小值:Number.MIN_VALUE,这个值为:5e-324

2.3数字型三个特殊值

  • Infinity ,代表无穷大,大于任何数值
  • -Infinity ,代表无穷小,小于任何数值
  • NaN ,Not a number,代表一个非数值 这个值是一个number类型

2.4isNaN()

  • isNaN()用于检查其参数是否是非数字值,它是判断一个值能否被 Number() 合法地转化成数字
  • 参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。

3.布尔型Boolean

  • 布尔型只有两个值  true(真的)  false(假的)
  • 布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。
console.log(true + 1);	// 2
console.log(false + 1); // 1

4.字符串型 String

4.1字符串型语法

  • 字符串型可以是引号中的任意文本,其语法为 双引号 "" 和 单引号''
  • 双引号和单引号都是原样输出, 可以进行嵌套  单套双或者双套单都可以    如果想双套双 单套单也可以,但得进行转义,用\来转义。
  • 因为 HTML 标签里面的属性使用的是双引号,JS 这里我们更推荐使用单引号。

4.2字符串转义符

 常见转义符有以下几种。

转义符

解释说明

\n

换行符,n 是 newline 的意思

\ \

斜杠 \

\'

' 单 引 号

\"

”双引号

\t

tab 缩 进

\b

空格 ,b 是 blank 的意思

4.3 字符串长度

字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

let num1=10;
console.log(num1.length);

4.4 字符串拼接

  • 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
  • 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串.
  • + 号总结口诀:数值相加 ,字符相连。

4.5 字符串拼接加强

  • 我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值
  • 变量是不能添加引号的,因为加引号的变量会变成字符串
  • 如果变量两侧都有字符串拼接,口诀“引引加加 ”,删掉数字,变量写加中间
    console.log('亲爱的你们' + 18); // 只要有字符就会相连
    var age = 18;
    // console.log(亲爱的你们 age 岁 啦 '); // 这样不行的
    console.log('亲爱的你们 ' + age);// 亲爱的你们18console.log('亲爱的你们' + age + '岁啦');// 亲爱的你们18岁啦

5.Undefined 和 Null

  • Undefined表示未定义的(声明了,但未赋值)  
    var variable; 
    console.log(variable);// undefined
    console.log('你好' + variable);// 你好undefined
    console.log(11 + variable);// NaN
    console.log(true + variable);//NaN
  • Null表示空值   
    var vari = null;console.log('你好' + vari);  // 你好nullconsole.log(11 + vari);// 11
    console.log(true + vari);// 1

6.数据类型转换

6.1 什么是数据类型转换

        数据类型转换就是把一种数据类型的变量转换成另外一种数据类型,下面将会详细介绍我们常用的三种数据类型转换。                       

6.2 转换为字符串

  • toString() 和 String() 使用方式不一样  ,String(参数)------所有的都能转 ,参数.toString() --------null和undefined没有此方法。
  • 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式, 这一种方式也称之为隐式转换,隐式转换是我们在进行算数运算的时候拼接一个空串,JS就会 自动转换数据类型, eg:   1223+''。  
  • 隐式转换   在纯数字的字符串前面写上+  或者*1    、1   %1   -0  (其实都等于没对字符串做操作,乘除减都可以,加号不行,只能放在最前面。)
         let num1=prompt('请输入一个数字');console.log(+num1,typeof num1);console.log(num1*1,typeof num1);console.log(num1/1,typeof num1);console.log(num1-0,typeof num1);

6.3 转换为数字型(重点)

  •  Number(参数)        除了字符串 其他都转成NaN或0。
  • 字符串转数字 '' (转成后值为0)
  •  '   '(转成后值为0)      
  • '1243swquiehd'(转换后值为NaN-----不是一个数)  
  • '1245'(转换后值为1245)
  • 布尔转数字    true(转换后值为1)  false(转换后值为0)
  • null(转换后值为0)    undefined(转换后值为0)

  • parseInt(string)函数和parseFloat(string)函数在转换时除了下面图片上的三种转换,其他都转换为NaN.          

6.4 转换为布尔型

  • 代表空、否定的值会被转换为 false ,如 ''、0、NaN、null、undefined 、false。 其余值都会被转换为 true

补充:

  • 不同数据类型的数据在控制台输出的颜色不一样。        
let d=12;
console.log(d,typeof d);
  •  两个以上的typeof检测数据类型返回值全是string类型。 
  •   .toFixde(n)   保留几位小数  
            let b;b=30.12211324;console.log(b.toFixed(4));

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/603886.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

x-cmd pkg | trdsql - 能对 CSV、LTSV、JSON 和 TBLN 执行 SQL 查询的工具

目录 简介首次用户技术特点竞品和相关作品进一步阅读 简介 trdsql 是一个使用 sql 作为 DSL 的强大工具: 采用 SQL 对 CSV、LTSV、JSON 和 TBLN 文件执行查询与 MySQL,Postgresql,Sqlite 的 Driver 协同,可以实现对应数据库的表与文件的 JO…

Kafka_02_Producer详解

Kafka_02_Producer详解 ProducerProducerRecordSend&Close实现原理ProducerInterceptorSerializerPartitioner 事务 Producer Producer(生产者): 生产并发送消息到Broker(推送) Producer是多线程安全的(建议通过池化以提高性能)Producer实例后可发送多条消息(可对应多个P…

2024--Django平台开发-Django知识点(四)

1.知识回顾 创建项目&#xff1a;新项目、别人项目、新版版、老版本 项目目录&#xff08;v1.0版本&#xff09; 路由系统 常见路由编写加粗样式 /index/ 函数 /index/<str:v1> 函数 re_path(ryy/(\d{4})-(\d{2})-(\d{2})/, views.yy), re_path(ryy/(?…

科研上新 | 第4期:语言-音乐对比预训练;查找表实现的神经网络推理;大模型时代重新定义搜索框架

编者按&#xff1a;欢迎阅读“科研上新”栏目&#xff01;“科研上新”汇聚了微软亚洲研究院最新的创新成果与科研动态。在这里&#xff0c;你可以快速浏览研究院的亮点资讯&#xff0c;保持对前沿领域的敏锐嗅觉&#xff0c;同时也能找到先进实用的开源工具。 本期内容速览 …

什么是ajax,为什么使用ajax!

前言&#xff1a; 要学习一门新的、技术之前&#xff0c;首先我们要了解一下他是什么&#xff0c;为什么使用&#xff0c;有什么好处&#xff0c;该怎么理解。现在就从下文开始了解吧 什么是ajax: Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)&#xff0…

监控API的指标

监控服务器已经是常态了&#xff0c;但是监控API的表现是啥意思呢&#xff1f;还有监控指标&#xff1f;今天就来看看如何监控API。 正如监控应用程序以确保高质量性能一样&#xff0c;也必须监控API。 API是应用程序相互通信的管道。更具体地说&#xff0c;API提供了一种方法…

spring事务默认传播机制REQUIRED的试验(手动开启事务代码+feign远程调用)

transactional注解&#xff0c;默认啥都不指定的时候&#xff0c;我们使用的就是PROPAGATION_REQUIRED这种方式。 PROPAGATION_REQUIRED:业务方法需要在一个事务中运行&#xff0c;如果方法运行时&#xff0c;已处在一个事务中&#xff0c;那么就加入该事务&#xff0c;否则自…

C++20新特性解析:深入探讨协程库的实现原理与应用

C20新特性解析&#xff1a;深入探讨协程库的实现原理与应用 一、C20的协程库简介二、C20协程基础知识2.1、协程的基本概念和使用方法2.2、C20中的协程支持2.3、协程与传统线程的对比 三、C20协程库的实现原理四、C20协程库的应用实例总结 一、C20的协程库简介 C20引入了对协程…

特种印制电路技术

1特种印制电路技术现状、分类及特点 2006年&#xff0c;信息产业部(现工信部)电子信息产品管理司将高档PCB产品类型概括为HDI板、多层FPC、刚挠结合板、IC载板、通信背板、特种板材印制板、印制板新品种等种类。但直至目前&#xff0c;在印制电路设计与制造领域还没有形成特种…

软件测试|深入理解SQL RIGHT JOIN:语法、用法及示例解析

引言 在SQL中&#xff0c;JOIN是一种重要的操作&#xff0c;用于将两个或多个表中的数据关联在一起。SQL提供了多种JOIN类型&#xff0c;其中之一是RIGHT JOIN。RIGHT JOIN用于从右表中选择所有记录&#xff0c;并将其与左表中匹配的记录组合在一起。本文将深入探讨SQL RIGHT …

Python Selenium常见的报错以及措施

Python Selenium的常见报错主要包括以下几种&#xff1a; 1. NoSuchElementException: 当Selenium无法在DOM中找到元素时&#xff0c;会抛出此异常。这通常是因为元素不存在或者页面还未完全加载。 解决方法&#xff1a; 显式等待 隐式等待 越快越慢&#xff0c;越慢越快&#…

C#,冒泡排序算法(Bubble Sort)的源代码与数据可视化

排序算法是编程的基础。 常见的四种排序算法是&#xff1a;简单选择排序、冒泡排序、插入排序和快速排序。其中的快速排序的优势明显&#xff0c;一般使用递归方式实现&#xff0c;但遇到数据量大的情况则无法适用。实际工程中一般使用“非递归”方式实现。本文搜集发布四种算法…

嵌入式培训机构四个月实训课程笔记(完整版)-Linux系统编程第二天-Linux开发板外设练习题(物联技术666)

更多配套资料CSDN地址:点赞+关注,功德无量。更多配套资料,欢迎私信。 物联技术666_嵌入式C语言开发,嵌入式硬件,嵌入式培训笔记-CSDN博客物联技术666擅长嵌入式C语言开发,嵌入式硬件,嵌入式培训笔记,等方面的知识,物联技术666关注机器学习,arm开发,物联网,嵌入式硬件,单片机…

并发(6)

目录 31.JUC框架包含几个部分&#xff1f; 32.Lock框架和Tools包含哪些核心的类&#xff1f; 33.JUC原子类有哪些核心的类&#xff1f; 34.JUC线程池有哪些核心的类&#xff1f; 35.线程安全的实现方法有哪些&#xff1f; 31.JUC框架包含几个部分&#xff1f; 主要包含&am…

SpringCloud-高级篇(十三)

前面的主从集群可以应对Redis高并发读的问题&#xff0c;Redis主从之间可以做同步&#xff0c;为了提高主从同步时的性能&#xff0c;单节点Redis的内存不要设置太高&#xff0c;如果内存占用过多&#xff0c;做RDB的持久化&#xff0c;或者做全量同步的时候&#xff0c;导致大…

LDD学习笔记 -- Linux错误码

LDD学习笔记 -- Linux错误码 EACCES(Permission Denied) 13EEXIST(File Exits) 17EINVAL(Invalid Argument) 22ENOENT(No Such File or Directory)ENOMEM(Out of Memory)EIO(Input/Output Error) 5ENOSPC(No space Left on Device)ENOTTY(Not a Typewrite)EPIPE(Broken Pipe)EI…

使用邮箱发送验证码前端完成登录

前言 在前一篇使用C#发送邮箱验证码已经完成使用.net core web api写了完成往登录邮箱发送验证码的接口。现在就用前端调用接口模拟登录功能。 接口 public class ApiResp{public bool Success { get; set; }public int Code { get; set; }public int count { get; set; }pu…

元数据管理平台对比预研 Atlas VS Datahub VS Openmetadata

大家好&#xff0c;我是独孤风。元数据管理平台层出不穷&#xff0c;但目前主流的还是Atlas、Datahub、Openmetadata三家&#xff0c;那么我们该如何选择呢&#xff1f; 本文就带大家对比一下,这三个平台优势劣势。要了解元数据管理平台&#xff0c;先要从架构说起。 正文共&am…

【北邮国院大四上】Business Technology Strategy 企业技术战略

北邮国院电商大四在读&#xff0c;本笔记仅为PPT内容的整理与翻译&#xff0c;并不代表本课程的考纲及重点&#xff0c;仅为本人复习时方便阅读与思考之作。 写在前面 大家好&#xff0c;欢迎来到大学期间的最后一门课程&#xff0c;本门课程是中方课&#xff0c;所以很庆幸的…

【Apollo】阿波罗使用占位符 #{} 的异常分析

文章目录 1. 前言2. 复现3. 分析3.1 Value 注解3.2 根因 4. 后记5. 参考资料 1. 前言 出于线上 hotfix 报文请求模板的考虑&#xff0c;新增一个阿波罗配置&#xff0c;取值形如&#xff1a; 发布配置一段时间后&#xff0c;刚好需要重启服务&#xff0c;最终造成服务宕机&a…