JavaScript数据类型详细解析与代码实例
JavaScript是一种弱类型动态语言,数据类型分为原始类型和对象类型。
原始类型
原始类型包括:数字、字符串、布尔值和undefined、null。
数字
JavaScript中的数字类型包括整数和浮点数,可以进行基本的数学运算。
var num1 = 10; // 整数
var num2 = 3.14; // 浮点数
var num3 = 1 / 0; // 无穷大,Infinity
var num4 = -1 / 0; // 负无穷大,-Infinity
var num5 = 0 / 0; // NaN(不是一个数字)
字符串
JavaScript中的字符串类型是一些字符的序列,可以包含任何字符。
var str1 = "hello world"; // 双引号
var str2 = 'hello world'; // 单引号
var str3 = `hello ${name}`; // 模板字符串
布尔值
JavaScript中的布尔值只有两个值:true和false。
var bool1 = true;
var bool2 = false;
undefined和null
JavaScript中的undefined表示一个未定义的值,而null表示一个空值。
var undefinedVar;
var nullVar = null;
对象类型
对象类型包括:对象、数组和函数。
对象
JavaScript中的对象是一组属性集合,由花括号{}包围。
var person = {name: "Tom", age: 18, gender: "male"};
数组
JavaScript中的数组实际上是一种特殊的对象,可以保存任何类型的数据,并按照索引进行访问。
var arr1 = [1, 2, 3, 4, 5]; // 数字类型数组
var arr2 = ["apple", "banana", "orange"]; // 字符串类型数组
函数
JavaScript中的函数是一种可重复使用的代码块,可以接受参数并返回值。
function add(num1, num2){return num1 + num2;
}
类型转换
在JavaScript中,类型转换会在运行时自动发生。以下是一些常见的类型转换:
var numStr = "123"; // 字符串类型
var num = Number(numStr); // 转换为数字类型
var bool = Boolean(numStr); // 转换为布尔类型
var str = String(num); // 转换为字符串类型
实例
// 数字类型
var num1 = 10;
var num2 = 3.14;
var num3 = 1 / 0;
var num4 = -1 / 0;
var num5 = 0 / 0;// 字符串类型
var str1 = "hello world";
var str2 = 'hello world';
var str3 = `hello ${name}`;// 布尔类型
var bool1 = true;
var bool2 = false;// undefined和null类型
var undefinedVar;
var nullVar = null;// 对象类型
var person = {name: "Tom", age: 18, gender: "male"};
var student = {name: "Jerry", age: 20, gender: "male"};// 数组类型
var arr1 = [1, 2, 3, 4, 5];
var arr2 = ["apple", "banana", "orange"];// 函数类型
function add(num1, num2){return num1 + num2;
}// 类型转换
var numStr = "123";
var num = Number(numStr);
var bool = Boolean(numStr);
var str = String(num);
相关文章:
JavaScript数据类型详细解析与代码实例
JavaScript是一种弱类型动态语言,数据类型分为原始类型和对象类型。 原始类型 原始类型包括:数字、字符串、布尔值和undefined、null。 数字 JavaScript中的数字类型包括整数和浮点数,可以进行基本的数学运算。 var num1 10; // 整数 v…...
.NET Framework中自带的泛型委托Func
Func<>是.NET Framework中自带的泛型委托,可以接收一个或多个输入参数,并且有返回值,和Action类似,.NET基类库也提供了多达16个输入参数的Func委托,输出参数只有1个。 1、Func泛型委托 .NET Framework为我们提…...
深入理解JVM虚拟机第十七篇:虚拟机栈中栈帧的内部结构
大神链接:作者有幸结识技术大神孙哥为好友,获益匪浅。现在把孙哥视频分享给大家。 孙哥链接:孙哥个人主页 作者简介:一个颜值99分,只比孙哥差一点的程序员 本专栏简介:话不多说,让我们一起干翻JavaScript 本文章简介:话不多说,让我们讲清楚虚拟机栈存储结构和运行原理…...
uniapp中地图定位功能实现的几种方案
1.uniapp自带uni.getLocation uni.getLocation(options) getlocation | uni-app官网 实现思路:uni.getLocation获取经纬度后调用接口获取城市名 优点:方便快捷,直接调用 缺点:关闭定位后延时很久,无法控制定位延迟…...
JS功能实现
目录 轮播图移动端轮播图按下回车发表评论tab栏切换全选按钮 轮播图 <style>* {box-sizing: border-box;}.slider {width: 560px;height: 400px;overflow: hidden;}.slider-wrapper {width: 100%;height: 320px;}.slider-wrapper img {width: 100%;height: 100%;display:…...
connect-history-api-fallback原理
connect-history-api-fallback是一个用于处理前端路由的中间件,它的原理是在服务器接收到请求时,检查请求的路径是否匹配到静态文件(如HTML、CSS、JS等),如果不匹配,则将请求重定向到前端的入口文件&#x…...
Android ConstraintLayout分组堆叠圆角ShapeableImageView
Android ConstraintLayout分组堆叠圆角ShapeableImageView <?xml version"1.0" encoding"utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:app"…...
Docker Stack部署应用详解+Tomcat项目部署详细实战
Docker Stack 部署应用 概述 单机模式下,可以使用 Docker Compose 来编排多个服务。Docker Swarm 只能实现对单个服务的简单部署。而Docker Stack 只需对已有的 docker-compose.yml 配置文件稍加改造就可以完成 Docker 集群环境下的多服务编排。 stack是一组共享…...
Compose-Multiplatform在Android和iOS上的实践
本文字数:4680字 预计阅读时间:30分钟 01 简介 之前我们探讨过KMM,即Kotlin Multiplatform Mobile,是Kotlin发布的移动端跨平台框架。当时的结论是KMM提倡将共有的逻辑部分抽出,由KMM封装成Android(Kotlin/JVM)的aar和…...
XXL-JOB 默认 accessToken 身份绕过导致 RCE
文章目录 0x01 漏洞介绍0x02 影响版本0x03 环境搭建0x04 漏洞复现第一步 访问页面返回报错信息第二步 执行POC,进行反弹shell第三步 获取shell0x05 修复建议摘抄免责声明0x01 漏洞介绍 XXL-JOB 是一款开源的分布式任务调度平台,用于实现大规模任务的调度和执行。 XXL-JOB 默…...
7 库函数之复位和时钟设置(RCC)所有函数的介绍及使用
7 库函数之复位和时钟设置(RCC)所有函数的介绍及使用的介绍及使用 1. 图片有格式二、RCC库函数固件库函数预览2.1 函数RCC_DeInit2.2 函数RCC_HSEConfig2.3 函数RCC_WaitForHSEStartUp2.4 函数RCC_AdjustHSICalibrationValue2.5 函数RCC_HSICmd2.6 函数RCC_PLLConfig2.7 函数…...
第十七节——指令
一、概念 在Vue.js中,指令(Directives)是一种特殊的语法,用于为HTML元素添加特定的行为和功能。指令以v-作为前缀,通过在HTML标签中使用这些指令来操作DOM,修改元素的属性、样式或行为。 Vue.js提供了一组…...
优雅的 Dockerfile 是怎样炼成的?
Docker 简介 目前,Docker 主要有两个形态:Docker Desktop 和 Docker Engine。 Docker Desktop 是专门针对个人使用而设计的,支持 Mac(已支持arm架构的M系芯片) 和 Windows 快速安装,具有直观的图形界面&a…...
2023-2024 中国科学引文数据库来源期刊列表(CSCD)
文章目录 CSCD来源期刊遴选报告2023-2024 中国科学引文数据库来源期刊列表(CSCD) CSCD来源期刊遴选报告 2023-2024 中国科学引文数据库来源期刊列表(CSCD)...
【3D图像分割】基于Pytorch的VNet 3D图像分割5(改写数据流篇)
在这篇文章:【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割2(基础数据流篇) 的最后,我们提到了: 在采用vent模型进行3d数据的分割训练任务中,输入大小是16*96*96,这个的裁剪是放到Dataset类…...
WebSocket Day02 : 握手连接
前言 握手连接是WebSocket建立通信的第一步,通过客户端和服务器之间的一系列握手操作,确保了双方都支持WebSocket协议,并达成一致的通信参数。握手连接的过程包括客户端发起握手请求、服务器响应握手请求以及双方完成握手连接。完成握手连接后…...
c#的反编译工具ISPY和net reflector 使用比较
我有一份Asp.net程序需要修改,但没有源码,只有dll,需要使用反编译工具回复源码,尝试使用了市面上的两种主流的工具ISPY和net reflector ,最终用ISPY恢复了源码。 比较 ISPY 恢复的代码和实际有差距,但还能…...
基于LDA主题+协同过滤+矩阵分解算法的智能电影推荐系统——机器学习算法应用(含python、JavaScript工程源码)+MovieLens数据集(四)
目录 前言总体设计系统整体结构图系统流程图 运行环境模块实现1. 数据爬取及处理2. 模型训练及保存3. 接口实现4. 收集数据5. 界面设计 系统测试相关其它博客工程源代码下载其它资料下载 前言 前段时间,博主分享过关于一篇使用协同过滤算法进行智能电影推荐系统的博…...
方阵行列式与转置矩阵
1.转置矩阵:格式规定:如果矩阵A为n阶方阵,那么A的T次方为矩阵A的转置矩阵,即将矩阵A的行与列互换。 2.转置矩阵的运算性质: 1.任何方阵的转置矩阵的转置矩阵为方阵自身。 2.多个矩阵的和的转置矩阵等于多个转置矩阵的…...
【Java 进阶篇】Java Cookie共享:让数据穿越不同应用的时空隧道
在Web开发中,Cookie是一种常见的会话管理技术,用于存储和传递用户相关的信息。通常,每个Web应用都会在用户的浏览器中设置自己的Cookie,以便在用户与应用之间保持状态。然而,有时我们需要在不同的应用之间共享Cookie数…...
快速验证域名跳转思路:用快马十分钟搭建jxx登录页检测工具原型
快速验证域名跳转思路:用快马十分钟搭建jxx登录页检测工具原型 最近注意到"jxx登录网页最新域名在哪"这个关键词搜索量突然增加,很多用户都在寻找特定网站的访问入口。这种需求其实很常见——当某个服务频繁更换域名时,普通用户很…...
终极指南:如何使用MTEX工具箱进行材料微观结构分析
终极指南:如何使用MTEX工具箱进行材料微观结构分析 【免费下载链接】mtex MTEX is a free Matlab toolbox for quantitative texture analysis. Homepage: 项目地址: https://gitcode.com/gh_mirrors/mt/mtex MTEX是一款强大的开源MATLAB工具箱,专…...
douyin-downloader:高效采集抖音内容的全流程解决方案
douyin-downloader:高效采集抖音内容的全流程解决方案 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback suppo…...
RoboMaster装甲板识别避坑指南:灯条匹配参数怎么调?反光、远距离识别失败怎么办?
RoboMaster装甲板识别实战调参手册:从灯条匹配到抗干扰优化 第一次在赛场边调试装甲板识别算法时,我盯着屏幕上疯狂跳动的识别框,突然理解了什么叫"实验室里的王者,赛场上的青铜"。当场地灯光直射装甲板、敌方机器人高速…...
Qwen3.5-2B轻量化多模态模型部署教程:端侧GPU一键启动实战
Qwen3.5-2B轻量化多模态模型部署教程:端侧GPU一键启动实战 1. 模型简介 Qwen3.5-2B是Qwen3.5系列中的轻量化多模态基础模型,仅有20亿参数规模,专为低功耗、低门槛部署场景设计。该模型具有以下核心特点: 轻量高效:优…...
Django UI扩展全攻略:打造炫酷管理界面,【面试】Kafka / RabbitMQ / ActiveMQ。
Django第三方扩展UI详解:打造现代化管理界面和用户界面 核心UI扩展库介绍 Django-admin-interface 提供高度可定制的管理后台界面,支持主题切换、颜色自定义和模块拖拽布局。无需修改Django原生代码即可实现视觉升级,适合快速构建品牌化管理系…...
React Router路由配置详解:单页面应用导航的完整实现
React Router路由配置详解:单页面应用导航的完整实现 【免费下载链接】django-react-redux-base Seedstars Labs Base Django React Redux Project 项目地址: https://gitcode.com/gh_mirrors/dj/django-react-redux-base React Router是现代React应用中不可…...
React Adaptive Hooks终极性能指南:如何实现智能自适应加载优化
React Adaptive Hooks终极性能指南:如何实现智能自适应加载优化 【免费下载链接】react-adaptive-hooks Deliver experiences best suited to a users device and network constraints 项目地址: https://gitcode.com/gh_mirrors/re/react-adaptive-hooks Re…...
manga-image-translator:如何让图片中的文字跨越语言障碍?
manga-image-translator:如何让图片中的文字跨越语言障碍? 【免费下载链接】manga-image-translator Translate manga/image 一键翻译各类图片内文字 https://cotrans.touhou.ai/ (no longer working) 项目地址: https://gitcode.com/gh_mirrors/ma/ma…...
Deneyap雨水传感器I²C驱动与嵌入式应用指南
1. 项目概述Deneyap Yagmur Algılama Modl (Deneyap Rain Sensor),是土耳其Deneyap教育平台推出的专用雨水检测传感器模块,型号为M32(MPV1.0),其核心控制器采用STMicroelectronics的STM8S003F3P6 8位微控制器。该模块…...
