web学习笔记(十一)

news2024/10/2 3:17:02

目录

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);// 亲爱的你们18
     console.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);  // 你好null
      console.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.coloradmin.cn/o/1362513.html

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

相关文章

jetson AGC orin 配置pytorch和cuda使用、yolov8 TensorRt测试

文章目录 1、安装环境1.1、检查系统环境1.2、下载安装pytorch1.3、下载安装torchvision1.3、测试安装是否成功 2、yolov8测试2.1、官方python脚本测试2.2、tensorrt 模型转换2.3、tensorrt c 测试 1、安装环境 1.1、检查系统环境 检查系统环境、安装jetpack版本,执…

UG装配-子装配

当我们在装配的时候,如果组件非常多,通常我们需要对其他部分零件进行单独的装配,然后在总成中使用,而不是在一个装配文件中对产品约束 我们在子装配中对各部件进行约束,默认状态下是无法在父装配中引用的 我们也可以在…

基于JavaWeb+SSM+Vue四六级词汇微信小程序系统的设计和实现

基于JavaWebSSMVue四六级词汇微信小程序系统的设计和实现 源码获取入口KaiTi 报告Lun文目录前言主要技术系统设计功能截图订阅经典源码专栏Java项目精品实战案例《500套》 源码获取 源码获取入口 KaiTi 报告 (1)课题背景 伴随着社会的快速发展, 现代社…

vim学习记录

目录 历史记录前言相关资料配置windows互换ESC和Caps Lock按键 基本操作替换字符串 历史记录 2024年1月2日, 搭建好框架,开始学习; 前言 vim使用很久了,但是都是一些基本用法,主要是用于配置Linux,进行一些简单的编写文档和程序.没有进行过大型程序开发,没有达到熟练使用的程…

解读 | Mint Blockchain 为何选择 OP Stack 作为 L2 技术方案?

Mint 是一个聚焦在 NFT 领域的创新型 L2 网络。Mint Blockchain 致力于促进 NFT 资产协议标准的创新和现实商业场景中 NFT 资产的大规模采用。今天这篇文章主要介绍一下 Mint Blockchain 开发者团队为什么选择了 OP Stack 技术方案,而不是其他家的 L2 方案。 我们将…

对Git的理解

1.Git介绍 Git 是一个免费的、开源的分布式版本控制系统,可以快速高效地处理从小型到大型的各种 项目。 2.版本控制 简单来说,就是记录文件的内容变化,记录下你每一次对文件的修改的版本,以免你改来改去想要回退到之前的版本的时…

centos用yum安装mysql详细教程

1 查询安装mysql的yum源,命令如下 ls /etc/yum.repos.d/ -l 界面如下图所示,未显示mysql的安装源 2 安装mysql相关的yum源,例如: 例如:rpm -ivh mysql57-community-release-el7.rpm 要注意 mysql的版本和系统的版本匹配 mysql57-communi…

SwiftUI之深入解析如何使用accessibilityChartDescriptor视图修饰符为视图构建音频图表

一、DataPoint 结构体 在 SwiftUI 中构建一个简单的条形图视图开始,该视图使用垂直条形显示一组数据点。如下所示,有一个 DataPoint 结构,用于描述条形图视图中的条形,它具有 id、标签、数值和填充颜色: struct Data…

面试官:String为什么要设计为不可变类

程序员的公众号:源1024,获取更多资料,无加密无套路! 最近整理了一份大厂面试资料《史上最全大厂面试题》,Springboot、微服务、算法、数据结构、Zookeeper、Mybatis、Dubbo、linux、Kafka、Elasticsearch、数据库等等 …

python总结高阶-异常处理机制

文章目录 异常是什么?try和except结构try...一个except结构try...多个except结构try...except...else结构try...except...finally结构return语句和异常处理问题 常见异常常见异常的解决SyntaxError :语法错误NameError :尝试访问一个没有申明…

GPT实战系列-大模型为我所用之借用ChatGLM3构建查询助手

GPT实战系列-https://blog.csdn.net/alex_starsky/category_12467518.html 如何使用大模型查询助手功能?例如调用工具实现网络查询助手功能。目前只有 ChatGLM3-6B 模型支持工具调用,而 ChatGLM3-6B-Base 和 ChatGLM3-6B-32K 模型不支持。 定义好工具的…

Linux的压缩与解压

一、tar命令 语法:tar [-c -v -x -f -z -C] 参数1 参数2 参数3 ....-c:创建压缩文件,用于压缩模式-v:显示压缩、解压过程,用于查看进度-x:解压模式-f:要创建的文件,或者要解压的文件…

《数字图像处理》 第11章 表示和描述 学习笔记附部分例子代码(c++opencv)

表示和描述 0. 前言1. 表示1.1 边界追踪1.2 链码1.3 使用最小周长多边形的多边形近似 2. 边界描绘子2.1 一些简单的描绘子![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/45dddc76217e4fde93a11e2631b2a71a.png#pic_center 500x)2.2 形状数2.3 傅里叶描绘子2.4 统计…

Ubuntu同步两个剪切板

众所周知,ubuntu系统中有两套剪切板。第一个剪切板是用鼠标操作,鼠标选中则复制,点击鼠标中键则粘贴(这个剪切板通常叫做——选择缓冲区)。第二个剪切板则是真正的剪切板,使用ctrlc(在终端中默认…

智慧地球(AI•Earth)社区成立一周年啦!独家福利与惊喜彩蛋等你来拿!

原文:智慧地球(AI•Earth)社区成立一周年啦! 智慧地球社区 一周年庆典🎊 独家福利🎁与惊喜彩蛋🎉等你来拿! 智慧地球(AI•Earth)社区自2023年1月11日建立以…

HarmonyOS 应用开发学习笔记 stateStyles:多态样式

1、 HarmoryOS Ability页面的生命周期 2、 Component自定义组件 3、HarmonyOS 应用开发学习笔记 ets组件生命周期 4、HarmonyOS 应用开发学习笔记 ets组件样式定义 Styles装饰器:定义组件重用样式 Extend装饰器:定义扩展组件样式 前面记录了ets组件样式…

Java研学-web操作crud

一 思路 1 组件 页面显示:JSP   接受用户请求:Servlet   和数据库交互:MyBatis 2 基础准备 ① 创建 web 项目,导入需要依赖的 jar 包,放入 web/WEB-INF/lib目录中 ② 创建数据库表 CREATE TABLE employee( id bigint(11)…

Guarded Suspension模式--适合等待事件处理

Guarded是被守护、被保卫、被保护的意思, Suspension则是暂停的意思。 如果执行现在的处理会造成问题, 就让执行处理的线程进行等待--- 这就是Guarded Suspension模式。 模式通过让线程等待来保证实例的安全性。 一个线程ClientThread会将请求 Request的…

UE5 给自己的数字人重定向Mixamo动画

1 、准备动画骨格文件,动画文件,下面是Mixamo动画素材下载网站Mixamo动画骨格文件下载网站https://www.mixamo.com/2、下载动画骨格文件,打Mixamo网站,选择Characters骨格菜单,在下面找到对应的骨格。如下图所示&#…

vue3 - Element Plus 切换主题色及el-button hover颜色不生效的解决方法

vue3 - Element Plus 切换主题色及el-button hover颜色不生效的解决方法 GitHub Demo 地址 https://github.com/iotjin/jh-vue3-admin 在线预览 https://iotjin.github.io/jh-vue3-admin/ 如果您想要通过 js 控制 css 变量,可以这样做: // document.do…