当前位置: 首页 > news >正文

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

相关文章:

html数据类型

数据类型是字面含义,表示各种数据的类型。在任何语言中都存在数据类型,因为数据是各式各样。 1.数值类型 number let a 1; let num 1.1; // 整数小数都是数字值 ​ // 数字肯定有个范围 正无穷大和负无穷大 // Infinity 正无穷大 // -Infinity 负…...

Kotlin Multiplatform 未来将采用基于 JetBrains Fleet 定制的独立 IDE

近期 Jetbrains 可以说是动作不断,我们刚介绍了 IntelliJ IDEA 2024.3 K2 模式发布了稳定版支持 ,而在官方最近刚调整过的 Kotlin Multiplatform Roadmap 优先关键事项里,可以看到其中就包含了「独立的 Kotlin Multiplatform IDE,…...

Redis中常见的数据类型及其应用场景

五种常见数据类型 Redis中的数据类型指的是 value存储的数据类型,key都是以String类型存储的,value根据场景需要,可以以String、List等类型进行存储。 各数据类型介绍: Redis数据类型对应的底层数据结构 String 类型的应用场景 常…...

代理IP在后端开发中的应用与后端工程师的角色

目录 引言 代理IP的基本概念和工作原理 代理IP在后端开发中的应用 网络爬虫与数据采集 负载均衡与性能优化 安全防护与隐私保护 后端工程师在使用代理IP时面临的挑战 结论 引言 在数字化时代,网络技术的飞速发展极大地推动了各行各业的发展。其中&#xff…...

工作流和流程引擎有什么区别?

在企业的数字化转型中,如何提升效率、优化业务流程是每个管理者都在思考的问题。而在这个过程中,工作流(Workflow)和流程引擎(Process Engine)这两个术语频频出现,成为企业流程自动化和智能化的…...

【SpringBoot】27 拦截器

Gitee仓库 https://gitee.com/Lin_DH/system 介绍 拦截器:拦截器是 Spring 框架提供的核心功能之一,主要用来拦截用户请求,在指定方法前后,根据业务需要执行预先设定的代码。 拦截器允许开发人员提前预定义一些逻辑&#xff0c…...

AI对开发者的影响,以及传统软件开发 与 AI参与的软件开发区别

AI 大模型,尤其是像 GPT-4、BERT 这样的语言模型,正以深远的影响改变着软件开发流程。传统的软件开发流程通常依赖开发人员进行代码编写、测试、调试等工作,但随着 AI 技术的进步,AI 可以承担越来越多的任务,自动化和优…...

HBase Java基础操作

Apache HBase 是一个开源的、分布式的、可扩展的大数据存储系统,它基于 Google 的 Bigtable 模型。使用 Java 操作 HBase 通常需要借助 HBase 提供的 Java API。以下是一个基本的示例,展示了如何在 Java 中连接到 HBase 并执行一些基本的操作&#xff0c…...

关于一次开源java spring快速开发平台项目RuoYi部署的记录

关于一次开源java spring快速开发平台项目RuoYi部署的记录 本次因为需要一些练习环境,想要快速搭建一个javaweb 项目作为练习环境,经过查询和实验找到一个文档详细,搭建简单,架构也相对比较新的开源项目RuoYi。 项目介绍&#xf…...

【AI编程实战】安装Cursor并3分钟实现Chrome插件(保姆级)

Cursor介绍 https://www.cursor.com/ 一句话介绍:AI代码编辑器,当前最火的AI编程器 软件下载与安装 下载 打开Cursor官网下载,会根据操作系统的差别进行选择 https://www.cursor.com/ 这里下载的内容很小,是个安装器&#x…...

【Chatgpt】如何通过分层Prompt生成更加细致的图文内容

如何通过分层Prompt生成更加细致的图文内容 利用ChatGPT和类似的生成式AI模型,通过分层Prompt设计可以生成更具层次感和细节的图文内容。分层Prompt的核心在于将需求分解成多层次的指令,从宏观到微观逐步细化,最终形成高质量的内容输出。 一…...

中间件--laravel进阶篇

laravel版本11.31,这中间件只有3种,分别是全局中间件,路由中间件,控制器中间件。相比thinkphp8,少了一个应用中间件。 一、创建中间件 laravel创建中间件可以使用命令的方式创建,非常方便。比如php artisan make:middleware EnsureTokenIsValid。EnsureTokenIsValid是中间…...

【vue】vue中.sync修饰符如何使用--详细代码对比

.sync修饰符作用 .sync修饰符是一个语法糖,可以简化父子组件通信操作,当子组件想改变父组件数值时,父组件只需要使用.sync修饰符,子组件使用props接收属性,再使用this.$emit(update:属性, 值);就可以实现子组件更新父…...

repmgr安装及常用运维指令

简介 repmgr 由 EDB 与其他个人和组织的贡献一起开发,安装部署相对较为简单 安装 repmgr官网上传对应的安装到服务器上 安装前/etc/hosts IP映射、始终同步、免密通信本文忽略 repmgr的安装相对较为简单,目前repmgr-5仅仅支持到postgresql-15 postgresql必要参数…...

RedHat系统配置静态IP

1、执行nmtui命令进入字符配置界面如下图所示 2、选择编辑连接进入 3、选择编辑进入后,将IPv4设置为手动模式后,选择显示后进行ip地址、网关、DNS的配置,配置完成后选择确定退出编辑 4、进入主界面后选择启用连接进入后,选择启用&…...

nvm和nrm的安装与使用

NVM相关请跳转: Node版本管理器nvm的安装与使用 nrm 的安装与使用 nrm(NPM Registry Manager)是一个用于管理和切换 NPM 源的工具。它允许你在多个 NPM 源之间快速切换,以提高包管理的速度和效率。以下是 nrm 的安装和使用方法&…...

10大核心应用场景,解锁AI检测系统的智能安全之道

随着工业化和自动化的快速推进,高风险作业场景的安全管理需求日益增加。思通数科AI检测系统以深度学习、计算机视觉和多模态数据融合技术为基础,通过智能化监控和实时反馈,为企业提供全面的作业安全和流程管理解决方案。本文将详细解读该系统…...

香豆烤馍:传统美食中的烟火记忆

食家巷香豆烤馍,承载着甘肃人的乡愁与记忆。它那朴实的外表下,蕴含着丰富的口感和深厚的文化底蕴。烤馍的制作过程充满了烟火气息。选用优质的面粉,经过发酵、揉制等多道工序,再放入传统的烤炉中慢慢烘烤。这个过程需要经验丰富的…...

金融量化交易模型的探索与发展

随着全球金融市场的不断变化与技术进步,量化交易逐渐成为机构和个人投资者的重要选择。作为数据驱动的交易方式,量化交易通过科学建模和技术手段,有效提升了交易效率与决策精准度。本文将探讨金融量化交易模型的创新探索与未来发展方向。 量化…...

灾难恢复计划 (DRP)

灾难恢复计划 (DRP)   目录 灾难恢复计划 (DRP) 1 1. 简介 2 2. 目的 2 3. 范围 3 4. 风险评估 3 5. 容灾方案 3 6. 关键系统恢复优先级 4 7. 恢复流程 4 8. 测试与维护 5 9. 联系信息 5 10. 批准与分发 5 11. 附录 5 1. 简介 灾难恢复计…...

Makefile 之 wordlist

wordlist $(wordlist <s>,<e>,<text> ) 名称&#xff1a;取单词串函数——wordlist。 功能&#xff1a;从字符串<text>中取从<s>开始到<e>的单词串。<s>和<e>是一个数字。 返回&#xff1a;返回字符串<text>中从…...

半导体工艺与制造篇1 绪论

我们为什么要研究半导体&#xff1f;半导体凭什么可以成为电子信息行业的基础呢&#xff1f; 这就要说到半导体的一个重要特点&#xff1a;可以通过控制掺杂率来控制它的导电性 集成电路IC的生产 集成电路IC的生产包括&#xff1a; #mermaid-svg-rWB59zU4pI2cGloo {font-fami…...

接雨水

接雨水 1、 题目描述2、解题思路 1、 题目描述 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图&#xff0c;计算按此排列的柱子&#xff0c;下雨之后能接多少雨水。 2、解题思路 本题使用了双指针&#xff0c;根据下图可以得出&#xff0c;下标 i 处能接的雨水量由左边…...

Python蓝桥杯刷题1

1.确定字符串是否包含唯一字符 题解&#xff1a;调用count函数计算每一个字符出现的次数&#xff0c;如果不等于1就输出no&#xff0c;并且结束循环&#xff0c;如果等于1就一直循环直到计算到最后一个字符&#xff0c;若最后一个字符也满足条件&#xff0c;则输出yes import…...

实习冲刺第二十七天

3.无重复字符的最长字串 给定一个字符串 s &#xff0c;请你找出其中不含有重复字符的 最长 子串 的长度。 示例 1: 输入: s "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc"&#xff0c;所以其长度为 3。示例 2: 输入: s "bbbb…...

el-table-column自动生成序号在序号前插入图标

实现效果&#xff1a; 代码如下&#xff1a; 在el-table里加入这个就可以了&#xff0c;需要拿到值可以用scope.$index ​​​​​​​<el-table-column type"index" label"序号" show-overflow-tooltip"true" min-width"40">…...

前端工程化-node/npm/babel/polyfill/webpack 一文速通

文章主要介绍了前端工程化的相关内容&#xff0c;包括 Node 环境、npm 包管理器及其命令、配置和镜像&#xff0c;package.json 文件&#xff0c;babel 和 polyfill 用于解决 JavaScript 兼容性问题&#xff0c;以及 webpack 这一前端构建工具的作用、核心概念、构建流程、安装…...

Spring Security PasswordEncoder接口(密码编码)

密码编码&#xff08;通常称为哈希&#xff09;是一种安全措施&#xff0c;它将明文密码转换为独特的字符字符串。 主要目的是确保即使数据存储遭到破坏&#xff0c;存储的密码也不会轻易被破解。 与加密不同&#xff0c;哈希是一个单向过程——这意味着无法从哈希值中恢复原…...

C# 数据结构之【树】C#树

以二叉树为例进行演示。二叉树每个节点最多有两个子节点。 1. 新建二叉树节点模型 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace DataStructure {class TreeNode{public int Data { get;…...

树莓派2装FreeBSD14.1 Raspberry Pi2 install FreeBSD14.1 00000121:error:0A000086:SSL

树莓派2代的Model B采用Broadcom BCM2836 900MHz的四核SoC&#xff0c;1GB内存&#xff0c;是新一代开拓者&#xff0c;兼容1代B。相比之下&#xff0c;树莓派2的性能比1代提升6倍&#xff0c;内存翻了一番。Raspberry Pi 2不仅能跑全系列ARM GNU/Linux发行版&#xff0c;而且支…...

儿童网站模板/云南网络营销公司哪家好

点击上方“Python大本营”&#xff0c;选择“置顶公众号”Python大本营 IT人的职业提升平台作者 | 马超头图 | CSDN 下载自视觉中国最近国内各IT巨头技术布局都颇有看点&#xff0c;先是腾讯宣布将投入5000亿&#xff0c;用于新基建的进一步布局&#xff08;将重点投入云计算、…...

制作视频用什么app/广东seo网站优化公司

Dice Loss 最先是在VNet 这篇文章中被提出&#xff0c;后来被广泛的应用在了医学影像分割之中。1、Dice系数与Dice LossDice系数是一种集合相似度度量函数&#xff0c;通常用于计算两个样本的相似度&#xff0c;取值范围在[0,1]&#xff1a;其中 |X∩Y| 是X和Y之间的交集&#…...

石家庄网站建设seo优化营销/网站建设需要多少钱

2017第五届CCF大数据与计算智能大赛(BDCI)启动仪式于本9月24日正式启动。 CCF大数据与计算智能大赛(Big Data & Computing Intelligence Contest,简称“BDCI”)是由中国计算机学会(CCF)主办&#xff0c;中国计算机学会大数据专家委员会(CCF-TFBD)、中国计算机学会高性能计算…...

php网站建设个人总结/全网营销

目录 零、前言 一、如何评价机器人运动规划的性能 二、有动态障碍物的情况下&#xff0c;如何实现移动机器人的安全避障 三、关于B样条曲线运动规划的讨论 四、什么样的曲线才是适合机器人跟踪的曲线 五、关于目前常用的路径/轨迹规划方法 六、关于机器人的全局规划与局…...

做简单网站的步骤/北京seo招聘信息

------------------ 前言 ------------------ 反射性能实在是太恶劣&#xff0c;在通讯系统、数据库系统中已经无法忍受了。于是我在codeproject上找到一篇使用DynamicMethod的替代方法。http://www.codeproject.com/KB/cs/Dynamic_Code_Generation.aspx 可是作者实在也太简陋…...

wordpress清理插件哪个好/政府免费培训面点班

Altium Designer 10 please wait a moment2012-03-22 16:00:53 最近一直困扰Altium Designer 10的bug&#xff0c;AD打开protel格式的原理图后出错&#xff0c;每次启动都process wait a moment&#xff0c;然后退出。开始以为是设计项目文件错误&#xff0c;把所有的工作文件夹…...