首页 > 其他分享 >html数据类型

html数据类型

时间:2024-11-15 12:18:11浏览次数:3  
标签:console log 数据类型 html let typeof 字符串 null

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

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

标签:console,log,数据类型,html,let,typeof,字符串,null
From: https://blog.csdn.net/2302_79986066/article/details/143784777

相关文章

  • 基于Java+SpringBoot+Vue+HTML5电影订票系统(源码+LW+调试文档+讲解等)/电影订票/电影
    博主介绍......
  • 基于Java+SpringBoot+Vue+HTML5课程设计选题管理(源码+LW+调试文档+讲解等)/课程设计/
    博主介绍......
  • 帝国CMS过滤内容里面HTML字符简单的方法代码
    自定义函数在 /e/class/userfun.php 文件中添加以下代码:functionDELHTML($string){$string=preg_replace("'<script[^>]*?>.*?</script>'si","",$string);//去掉javascript$string=preg_replace("'<[\......
  • 黑客基础之html——b站泷羽sec
    html简介HTML(HyperTextMarkupLanguage超文本标记语言,一种标记语言,不是一种编程语言)是用来描述网页的一种语言,使用标记标签来描述网页标记语言是一套标记标签(markuptag)HTML文档包含了HTML标签及文本内容,也叫web页面一、HTML基本结构概述HTML网页有一个标准结构,主要由以下......
  • HTML区块方面的细节以及表单的使用
    一.HTML中区块元素和内联元素的区别1.HTML区块元素大多数HTML元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。(即独占一行)实例:<h1>,<p>,<ul>,<table>2.HTML内联元素内联元素在显示时通常不会以新行开始。实例:<b>,<td>,......
  • 什么?还不会HTML的表格标签的运用,今天来带大家了解一下HTML的表格标签,内置4篇整理好的
    HTML表格文章目录HTML表格@[toc]HTML的表格介绍以下是一个简单的HTML表格实例:在线实例表格实例HTML表格和边框属性HTML表格表头更多实例HTML表格标签4篇笔记写笔记1.tr与td的详细讲解2.HTML的table的介绍3.常用的标签4.表格标签首先,先给大家介绍一下什么......
  • HTML图像操作
    1.alt作用:alt属性用来为图像定义一串预备的可替换的文本,在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。代码:<imgsrc="boat.gif"alt="BigBoat">2.创建图像映射1.了解HTML的图像标签标签描述<img>定义图像<map>定义图像地图<area>定义图像地图中的可点击......
  • 响应式Web设计:纯HTML和CSS实现技巧
    响应式Web设计是一种确保网页在不同设备和屏幕尺寸下都能良好显示的设计方法。以下是使用纯HTML和CSS实现响应式设计的关键技巧:流式布局(FluidLayouts):使用相对单位(如百分比)而非固定单位(如像素)来定义元素的宽度,使元素能根据容器宽度动态调整。媒体查询(MediaQueries):根据不同......
  • FastHTML快速入门:服务器渲染超媒体应用的利器
    项目简介FastHTML是一个Python库,它将Starlette、Uvicorn、HTMX和fastcore的FT"FastTags"融合在一起,用于创建服务器渲染的超媒体应用程序。FastHTML类本身继承自Starlette,并增加了基于装饰器的路由、Beforeware、自动将FT渲染为HTML等功能。写作FastHTML应用时需记住的事......
  • html5多媒体标签
    文章目录HTML5新增多媒体标签详解:视频标签与音频标签视频标签`<video>`音频标签`<audio>`代码案例HTML5新增多媒体标签详解:视频标签与音频标签HTML5引入了多项新特性,其中多媒体标签的引入为网页开发带来了革命性的变化。这些标签允许开发者在不依赖第三方插件(如Fl......