html数据类型

数据类型是字面含义,表示各种数据的类型。在任何语言中都存在数据类型,因为数据是各式各样。

1.数值类型 number
let a = 1;
let num =1.1;
// 整数小数都是数字值
​
//  数字肯定有个范围  正无穷大和负无穷大 
// Infinity  正无穷大
// -Infinity 负无穷大 
​
//特殊值
let num1 = 0 / 0;// NaN
console.log(num1);
// NaN:not a number  表示“非数字”(Not a Number)

NaN是一个特殊的值,它的类型是number,表示一个损坏的数值,通常出现在有不能转换为数字的数据参与运算时产生。

2.字符串类型 String
console.log("我们无限老师真帅");
// 字符串是用 单引号 和 双引号包裹起来的  在控制台输出的字是黑色
​
// 字符串内出现其它引号     用两个不同的引号
let str1 ="无限说: '今晚' 学习大家要好好理解 ";
console.log(str1);
​
// 我就要使用两个一样的单引号  使用转义字符  反斜杠\
let str2 = "放心 \"无限哥哥\" 我们会好好学习的";
console.log(str2);
​
// 添加的字符串换行  转义: \n
let  text = '你真的\n是个大聪明\n鸭 ';
console.log(text);
​
​
// 定义字符串方法
let str3 = String("想吃饭了");
console.log(str3);
​
// 字符串拼接是用加号  
var str4 = '小手';
var str5 = '拉';
var str6 = '大手';
var str = str4 + str5 + str6;
console.log(str);
​
// js可以识别+号两侧   但凡+号一侧是字符串  那么就算是 字符串拼接
console.log("你好"+1);
​
// 获取字符串的长度 length 获取下标的长度
console.log(str , str.length);
​
​
//模板字符串 ${}
let age =22
console.log(`我今年${age}岁了`)
3.布尔类型 boolean
  • 布尔值类型只有两个值:真true 和 假false。用于判断。

  • typeof true得到"boolean"

 turn; //真的
 false; //假的
4.Undefined类型 表示值未定义 空间会留着
  • 已声明 但未赋值的变量的默认值是 undefined

  • 在控制台直接输入 typeof undefined 得到 "undefined"

let love;
console.log(love); //undefined
5.Null 空类型

null表示一个空,变量的值如果想为null,必须手动设置

let x = null;
console.log(x)
//  注意:`typeof null`得到`"object"`。
6.bigint 超大整数
  • Number.MAX_SAFE_INTEGER js能表示的最大的整数

  • Number.MIN_SAFE_INTEGER js能表示的最小的负整数

判断类型

typeof 类型判断
// 数字
console.log(typeof 2);
​
// 字符串
console.log(typeof '哈哈');
​
// 布尔值
console.log(typeof false);
​
// undefined
console.log(typeof undefined);
​
// null  但是它返回的是object   空对象
console.log(typeof null);
isNaN 方法是用来判断一个值是否为NaN
console.log(isNaN(NaN)); //true
console.log(isNaN(22)); //false
isFinite方法返回一个布尔值,表示某个值是否为正常的数值
// 主要用来是判断 正常的值
console.log(isFinite(2222));
console.log(isFinite(Infinity));
console.log(isFinite(NaN));
// 注意一点 null   
console.log(isFinite(null));
//返回true    null会默认转化为0

类型转换

显示类型转换

// 常见需求是在数字、布尔值、字符串三者之间进行转换
let a = 123

// String() 转字符串
let str = String(a)  // 将a转换为字符串

//Boolean() 转布尔值
let str1= Boolean(a) // 将a转换为布尔值


//Number()转数字    将布尔值true转为数字1 
let num = Number(true);// 1

隐式类型转换

//加号是特殊  +  任何值与字符串进行  + 运算 结果都是字符串
let num = "123" + true;
console.log(num2);
​
​
// 除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型。
 let num1 = "123" - 1;
 console.log(num1);//结果是 122

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

bpmn.js显示流程图

目标&#xff1a;vue2 接口返回xml - 弹窗显示流程图 - 根据需求高亮节点 一、安装依赖 npm i bpmn-js 添加上的版本是 "bpmn-js": "^11.5.0" 二、只读显示流程图 <div ref"canvas" style"width:100%;height: calc(100vh…

Vue Form表单的使用,rules格式校验网络校验,键盘按键监听

Form表单 rules格式校验 可以在validator中进行网络请求&#xff0c;实现网络校验 const formRules {userName: [{required: true, message: "用户名不能为空", trigger: blur}, {min: 5,max: 10,message: "长度必须5-10位",trigger: blur}],passWord: …

单片机智能家居火灾环境安全检测-分享

目录 前言 一、本设计主要实现哪些很“开门”功能&#xff1f; 二、电路设计原理图 电路图采用Altium Designer进行设计&#xff1a; 三、实物设计图 四、程序源代码设计 五、获取资料内容 前言 传统的火灾报警系统大多依赖于简单的烟雾探测器或温度传感器&#xff0c;…

TCP并发服务器

端口号快速复用函数 通过getsockopt和setsockopt函数&#xff0c;管理套接字的端口号复用设置。具体操作如下&#xff1a; getsockopt函数 int getsockopt(int sockfd, int level, int optname, void *optval, socklen_t *optlen);功能&#xff1a;获取套接字的某些选项的属性。…

vue3的宏到底是什么东西?

前言 从vue3开始vue引入了宏&#xff0c;比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏&#xff0c;但是你有没有思考过vue中的宏到底是什么&#xff1f;为什么这些宏不需要手动从vue中import&#xff1f;为什么只能在setup顶层中使用这些宏&#xff…

无重复字符的最长子串习题分析

习题&#xff1a;&#xff08;leetcode 3 &#xff09; 给定一个字符串s&#xff0c;请你找出其中不含有重复字符的最长子串的长度。 分析&#xff1a; 对于寻找子串、数组中某部分等&#xff0c;我们可以使用滑动窗口和双指针思想来求解。 滑动窗口通常用于解决需要连续子…

Linux服务器的Tomcat9中部署War包

文章目录 Linux服务器的Tomcat9中部署War包一、引言二、部署Tomcat91、安装Tomcat91.1、下载Tomcat91.2、解压安装1.3、启动Tomcat9 2、配置环境变量&#xff08;可选&#xff09; 三、部署War包1、准备War包2、部署War包3、配置Context&#xff08;可选&#xff09; 四、启动和…

如果接口返回值图片有很长一串码,需要添加前缀

需要在前面添加前缀&#xff1a;data:image/jpeg;base64,然后将值赋值给<img :src"originalImage" /> this.tableLists.map((item)>{item.originalImage "data:image/jpeg;base64,"item.originalImage})以上方法会导致出现一个小bug&#xff0c;…

2024年11月21日Github流行趋势

项目名称&#xff1a;twenty 项目维护者&#xff1a;charlesBochet, lucasbordeau, Weiko, FelixMalfait, bosiraphael项目介绍&#xff1a;正在构建一个由社区支持的现代化Salesforce替代品。项目star数&#xff1a;21,798项目fork数&#xff1a;2,347 项目名称&#xff1a;p…

Excel——宏教程(精简版)

一、宏的简介 1、什么是宏&#xff1f; Excel宏是一种自动化工具&#xff0c;它允许用户录制一系列操作并将其转换为VBA(Visual Basic for Applications)代码。这样&#xff0c;用户可以在需要时执行这些操作&#xff0c;以自动化Excel任务。 2、宏的优点 我们可以利用宏来…

【eNSP】OSPF、RIP与静态路由互通实验(四)

OSPF、RIP与静态路由互通实验 实验目的实验要求实验步骤步骤 1&#xff1a;配置R1、R2、R3、R4、R5、R6、R7的端口ip步骤 2&#xff1a;配置R1、R2、R3的OSPF动态路由协议步骤 3&#xff1a;配置R3、R4、R5的RIP动态路由协议步骤 4&#xff1a;配置R3作为边界路由器&#xff0c…

Vision-Language Models for Vision Tasks: A Survey 论文解读

摘要 大多数视觉识别研究在深度神经网络&#xff08;DNN&#xff09;训练中严重依赖于人工标注的数据&#xff0c;且通常为每个单一的视觉识别任务训练一个DNN&#xff0c;导致这种视觉识别范式既繁琐又耗时。为解决这两个挑战&#xff0c;近年来对视觉语言模型&#xff08;VL…

Stable Diffusion核心网络结构——U-Net

​ &#x1f33a;系列文章推荐&#x1f33a; 扩散模型系列文章正在持续的更新&#xff0c;更新节奏如下&#xff0c;先更新SD模型讲解&#xff0c;再更新相关的微调方法文章&#xff0c;敬请期待&#xff01;&#xff01;&#xff01;&#xff08;本文及其之前的文章均已更新&a…

C#桌面应用制作计算器进阶版01

基于C#桌面应用制作计算器做出了少量改动&#xff0c;其主要改动为新增加了一个label控件&#xff0c;使其每一步运算结果由label2展示出来&#xff0c;而当点击“”时&#xff0c;最终运算结果将由label1展示出来&#xff0c;此时label清空。 修改后运行效果 修改后全篇代码 …

python: generator model using sql server 2019

設計或生成好數據庫&#xff0c;可以生成自己設計好的框架項目 # encoding: utf-8 # 版权所有 &#xff1a;2024 ©涂聚文有限公司 # 许可信息查看 &#xff1a;言語成了邀功盡責的功臣&#xff0c;還需要行爲每日來值班嗎 # 描述&#xff1a; : 生成实体 # Author …

【Nginx从入门到精通】04-安装部署-使用XShell给虚拟机配置静态ip

文章目录 总结1、XShell &#xff1a;方便管理多台机器2、配置ip文件&#xff1a;区分大小写 一、查看上网模式二、Centos 7 设置静态ipStage 1 &#xff1a;登录root账号Stage 2 &#xff1a;设置静态ip : 修改配置文件 <font colororange>ifcfg-ens33Stage 2-1&#xf…

【深度学习】利用Java DL4J构建金融欺诈检测系统

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家&#xff0c;历代文学网&#xff08;PC端可以访问&#xff1a;https://literature.sinhy.com/#/literature?__c1000&#xff0c;移动端可微信小程序搜索“历代文学”&#xff09;总架构师&#xff0c;15年工作经验&#xff0c;…

当你项目服务器磁盘报警

当你们公司运维收到这样的邮件&#xff0c;大概率日志文件过大引起的 在Linux下如何不停止服务,清空nohup.out文件呢&#xff1f; nohup.out会一直一直自己增长下去&#xff0c;如果你的服务器硬盘不给力的话&#xff0c;很容易把应用也挂掉&#xff08;硬盘没空间 &#xff0…

面向未来的智能视觉参考设计与汽车架构,思尔芯提供基于Arm技术的创新方案

引言&#xff1a; 随着科技的飞速发展&#xff0c;智能视觉IoT已成为科技领域的热门话题&#xff0c;为智能家居、智慧城市等领域带来新机遇。然而&#xff0c;物联网市场的碎片化特性对智能视觉芯片设计构成挑战。同时&#xff0c;汽车行业正经历技术驱动的变革&#xff0c;软…

C++ 20 中 vector list stack queue 分别从功能 效率等全方面分析其差异

C++ 20 中 vector list stack queue 分别从功能 效率等全方面分析其差异 在 C++20 中,std::vector、std::list、std::stack 和 std::queue 是常用的容器或容器适配器。以下从功能、效率、使用场景等方面对它们进行详细对比。 功能对比 2.效率对比 存储和访问 扩容效率std::…