[JS]学习笔记2 -- JAVAScript数据类型

一、常量

概念:使用 const 声明的变量称为“常量”

使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。

命名规范:和变量一致

注:常量不允许重新赋值,在声明的时候必须要赋值(初始化)

 二、数据类型

1、基本数据类型

1.1 数字型number

学习中的数字,整数、小数、正数、负数

可以有很多操作:算数

        +:求和

        -:求差

        *:求积

        /:求商

        %:取模(取余数) -- 开发中经常作为某个数字是否被整除

例:计算圆的面积:

<script>let r = prompt("请输入圆的半径")const PI = 3.14mianji = PI * r * rdocument.write('圆的面积为','\n', mianji, '\n', '平方' )</script>

注:NaN (NOT A NUMBER)代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果 

1.2 字符串型string

通过单引号双引号和反引号包裹的都是字符串,单双引号本质无区别,推荐单引号。

1. 无论单引号或是双引号必须成对使用

2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)

3. 必要时可以使用转义符 \,输出单引号或双引号

字符串拼接:

+ 运算符 可以实现字符串的拼接。(数字相加,字符相连)

模板字符串:

拼接字符串和变量 -- 在没有它之前,要拼接变量比较麻烦

`` (反引号)  ---- 在英文输入模式下按键盘的tab键上方那个键(1左边那个键)

内容拼接变量时,用 ${ } 包住变量

例:

alert(`结果为:${n1+n2}`)

1.3 布尔型boolean

真和假

1.4 未定义型undefined

只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined

使用场景:

中经常声明一个变量,等待传送过来的数据。 如果我们不知道这个数据是否传递过来,我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来

1.5 空类型null

null 仅仅是一个代表“无”、“空”或“值未知”的特殊值

null 和 undefined 区别:

l undefined 表示没有赋值

l null 表示赋值了,但是内容为空

使用场景:

把 null 作为尚未创建的对象 ---- 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null

2、引用数据类型

对象object

3、检测数据类型

应用typeof函数:

let age = 18
console.log(typeof age)

4、类型转换

使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算。

4.1 隐式转换

+ 号两边只要有一个是字符串,都会把另外一个转成字符串

除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型

+号作为正号解析可以转换成数字型

任何数据和字符串相加结果都是字符串

4.2 显式转换

转换为数字型:

Number(数据) ---- 转成数字类型

如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字,NaN也是number类型的数据,代表非数字

parseInt(数据)  ---- 只保留整数,不进行四舍五入,只取前面的整数(此外该数据还可以出现其他字母,但只取数字)

parseFloat(数据) ---- 可以保留小数

转换为字符型:

String(数据) ---- 将数据转成字符串

变量.toString(进制)

例:

  <script>let n1 = Number(prompt("请输入数字"))let n2 = Number(prompt("请输入数字"))alert(`结果为:${n1+n2}`)//另外一种:let n1 = +prompy("请输入数字")let n2 = +prompy("请输入数字")alert(`结果为:${n1+n2}`)// document.write("<br>")</script>

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

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

相关文章

k8s 中正确删除一个 pod

pod 删除后会自动重启个新 pod 怎么办&#xff1f; 这个问题通常是由于各种控制器导致的&#xff1a; Deployment: 如果Pod是由Deployment管理的&#xff0c;那么Deployment的目的就是保持所需数量的Pod运行。检查Deployment的配置&#xff0c;并根据需要更新或删除Deploymen…

消息队列的选型

消息队列的选型 现时代中可供我们选择的消息队列组件不少也不多&#xff0c;在国内环境中&#xff0c;大多数企业需要考虑的组件往往只需要在RabbitMQ 、RocketMQ、Kafka中选择&#xff1b; 为此针对以上三者在何种系统何种业务下是最佳选型&#xff0c;此篇记录&#xff1b;…

fork()和execl()结合使用的用法

fork()和execl()通常结合使用是为了在子进程中执行新的程序&#xff0c;而不会影响父进程。在上述代码中&#xff0c;fork()创建了一个子进程&#xff0c;execl()则在子进程中替换当前进程的执行上下文&#xff0c;用/bin/remount程序替代。这种组合有以下几个原因&#xff1a;…

什么样的男士内裤比较好?按这个方法选男士内裤不会出错!

男士内裤作为日常穿着的重要服饰&#xff0c;其舒适度与卫生性对男士们的健康至关重要。随着时代的变迁&#xff0c;男士内裤的款式与材质也日益丰富多样&#xff0c;为男士们提供了更多选择。 目前市场上&#xff0c;男士内裤主要分为三角、平角和四角三大类别。其中&#xf…

GPT-4o横空出世:技术革命的新篇章

各个版本之间的对比分析 GPT-3.5 GPT-3.5是OpenAI在GPT-3的基础上推出的改进版本。其特点包括&#xff1a; 参数规模&#xff1a;GPT-3.5维持了GPT-3的参数规模&#xff0c;但在模型优化和训练数据量上进行了改进。自然语言处理&#xff1a;在自然语言理解和生成上有了进一步的…

结构体+结构体内存对齐+结构体实现位段

结构体内存对齐实现位段 一.结构体1.结构体的声明2.结构体变量成员访问操作符3.结构体传参4.匿名结构体5.结构的自引用 二.结构体内存对齐1.对齐规则2.为什么存在内存对齐&#xff1f;3.修改默认对齐数 三.结构体实现位段1.什么是位段2.位段的内存分配3.位段的跨平台问题4.位段…

帮助客服高效工作的快捷回复软件

在繁忙的客服工作中&#xff0c;对于客服团队来说&#xff0c;每天面对大量的客户咨询&#xff0c;如何快速、准确地回应每一位客户的需求&#xff0c;成为了他们日常工作中的一大挑战。而快捷回复软件的出现&#xff0c;无疑是客服人员的福音。今天&#xff0c;我要向大家介绍…

MySQL 关键特性一:插入缓冲、双写缓冲

前言 ​ 本文主要介绍 mysql 的几大特性之几&#xff0c;如&#xff1a;双写缓冲和插入缓存。 双写缓冲 基本概念 ​ 双写缓冲&#xff08;doublewrite buffer&#xff09;是MySQL/InnoDB中用于支持原子页面更新的一种机制。在传统的数据库系统中&#xff0c;为了保证数据的…

Android Dialog使用汇总

Dialog分类 AlertDialog Dialog 类是对话框的基类&#xff0c;官方建议我们不要直接实例化它&#xff0c;而是使用其子类来获取实例。AlertDialog是系统提供的一个直接子类&#xff0c;它能帮助我们快速构建出不同类型的弹窗。接下来就看下各种类型弹窗的使用。 1、普通对话框…

【区分vue2和vue3下的element UI Switch 开关组件,分别详细介绍属性,事件,方法如何使用,并举例】

在 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中&#xff0c;el-switch&#xff08;开关组件&#xff09;提供了类似的属性和事件&#xff0c;但可能存在一些细微的差别或新增的功能。下面我将分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中的 el-switch 组件…

wpf工程中加入Hardcodet.NotifyIcon.Wpf生成托盘

1、在项目中用nuget引入Hardcodet.NotifyIcon.Wpf。如下图所示。 2、在App.xaml中创建托盘界面&#xff0c;代码是写在 App.xaml 里面 注意在application中一定要加入这一行代码&#xff1a; xmlns:tb"http://www.hardcodet.net/taskbar" 然后在<Application.R…

系统架构设计师【第20章】: 系统架构设计师论文写作要点 (核心总结)

文章目录 20.1 写作注意事项20.1.1 做好准备工作20.1.2 论文写作格式 20.2 如何解答试题20.2.1 论文解答步骤20.2.2 论文解答实例 20.3 论文写作方法20.3.1 如何写好摘要20.3.2 如何写好正文1.写作技巧2.可能涉及的关键技术 20.3.3 摘要和正文的关系 20.4 常见问题及…

C#启动一个cmd.exe多次随时输入命令并获取输出

想要实现的效果,程序通过Process类一次启动cmd,后台线程每隔一定时间,向其输入命令,获得并处理输出。 一、基本操作 首先,通常操作的例子一抓一大把: 1、通过Process启动cmd执行一条/多条(&&连接)命令; 2、退出(一条时可以在命令开头加“/c”自动退出,或…

html 使用svg矢量图时无法 调整宽高问题解决,不能像图片一样设置宽高比例问题

引入的路径后加 #svgView(preserveAspectRatio(none)) 具体代码如下 修改前 <img src"/assets/svgs/full_screen_full.svg" class"im"> 修改后 <img src"/assets/svgs/full_screen_full.svg#svgView(preserveAspectRatio(none))" cla…

免费注册US.KG域名支持接入CF

注册地址&#xff1a; https://register.us.kg/auth/register 号码和地址我是随便填的&#xff0c;不知道对以后有没有影响 收到激活邮件&#xff0c;可能在垃圾箱里 接下来是有个KYC验证&#xff0c;需要填写信息和上传KYC照片&#xff0c;我也是乱填的和乱上传的。可以去找…

ERPNext - 用Python打造您的企业资源规划解决方案

文章目录 ERPNext - 用Python打造您的企业资源规划解决方案第一部分&#xff1a;背景第二部分&#xff1a;ERPNext是什么&#xff1f;第三部分&#xff1a;如何安装ERPNext&#xff1f;第四部分&#xff1a;ERPNext基本使用方法第五部分&#xff1a;场景应用示例第六部分&#…

Excel 文件损坏了打不开怎么办?几种 Excel 文件修复方法帮助你

当你想要打开电脑 Excel 文件的时候发现系统提示文件被损坏或者其他一些原因导致无法打开&#xff0c;这时候应该怎么办呢&#xff1f;别急下面为大家总结了 Excel 文件修复的一些方法。 更改信任中心 Excel 软件具有内置的安全功能会限制有潜在风险的文件&#xff0c;当 Exc…

挑战你的数据结构技能:复习题来袭【6】

1. (单选题)设无向图的顶点个数为n,则该图最多有&#xff08;&#xff09;条边 A. n-1 B. n(n-1)/2 C. n(n1)/2 D. 0 答案&#xff1a;B 分析&#xff1a; 2. (单选题)含有n个顶点的连通无向图,其边的个数至少为()。 A. n-1 B. n C. n1 D. nlog2n 答案&#xff1a;A…

yolov10代码阅读

一 数据处理 在v8之后&#xff0c;v9和v10都是参考v8的数据增强处理&#xff0c;主要有以下&#xff0c;具体其中一些增强并未用到&#xff0c;可以参考具体配置 二 模型结构 以yolov10x为例子&#xff0c;整个模型结构如下 a. 对于SCDown&#xff0c;是 Spatial-channel d…

AI编程新手快速体验SpringCloud Alibaba 集成AI功能

上周六写了一篇文章 震撼发布&#xff01;Spring AI 框架重磅上线&#xff0c;Java 集成 AI 轻松搞定&#xff01; 部分同学可能没有科学上网的条件&#xff0c;本地ollama 集成又比较笨重。趁着周六&#xff0c;写一篇基于SpringCloud Alibaba 集成AI的文章。 先简单介绍…