初识变量和数据类型

news2024/10/5 15:28:37

JavaScript第2天

输入输出语句

输出语句

  • alert(变量) => 弹出
  • document.write(变量) => 输出在页面上面
  • console.log(变量) => 打印在控制台上
/* JS的输出语句 */
alert("弹出")
document.write("直接在写页面上面")
console.log("打印在控制台上面") 

效果:

在这里插入图片描述

在这里插入图片描述

输入语句

  • confirm 得到是就是两个按钮一个确定,一个取消
    点击确定得到的值是 true => 真
    点击取消得到的值是 false => 假
  • prompt 就是让我们在页面上面输入一句话
    得到的结果就是那句话,我们可以将输入的这一句话当做一个变量存储起来可以输出

confirm:

var msg1 = confirm("你好!") //我可以将我们点击确定和取消的结果当做变量的值
console.log(msg1);  //当我们点击确定时候得到值是一个true,当我们点击取消的时候得到的结果是false

效果如下:
在这里插入图片描述
在这里插入图片描述

prompt:

var msg = prompt("你可以在这上面输入一句话")  //我们可以把这一句话当中一个变量值,赋值给一个变量  
alert(msg)  //将变量的值直接弹出来

效果如下:

在这里插入图片描述

在这里插入图片描述

变量命名

  1. 变量的声明 var
  2. 变量的名字
  3. 变量的值
  • 变量的命名规定
  1. 变量的命名要使用数字,字母,下划线,$组成
  2. 变量的命名不能使用数字开头
  3. 变量的命名不能使用关键字

举例:

var a = 10;     //合法
var name = "张飒"   //合法
var var = "李四"    //不合法,不能使用关键字
var 1name = "王八"  //不合法,不能以数字开头
var alert = "老刘"  //合法
var name% = "美丽姐" //不合法,变量的命名要以数字,字母,下划线,$组成

注意:常见的关键字,有var ,break, for ,if …

  • 变量的命名规范
    规定:必须的按照我的来,不按照我的来,那么我就报错
    规范:可以不用按照我的来,但是建议按照我的来
  • 驼峰命名法
    • 大驼峰
      多个单词组成的时候,每一个单词的首字母都大写
    • 小驼峰
      多个单词组成的时候,第一个单词的首字母小写,后面的每一个单词的首字母大写
      我们JS推荐的就是小驼峰

比如:

var userName = "张三"   //遵守了小驼峰的命名规范

数据类型

  • 常见的基本数据类型有
    数值类型 => number
    字符串类型 => string
    布尔类型 => boolean
    null => object(null)
    undefined => undefined
  • 我们可以使用一个叫做typeof这个一个词来检测数据类型
    • typeof的用法
      1. typeof 变量
      2. typeof (变量) typeof (a+b)

isNaN => is not a number

比如:

console.log(isNaN("张三"))      //true
console.log(isNaN(10))          //false

isNaN => is not a number判断一个值不是一个数字

比如:

// 因为他判断是不是数字
//     如果是一个数字,那结果直接是false
//     如果不是一个数字,那么他会判断这个值能不能转换成数值,如果可以,那么结果是false,如果不可以,那么结果是true
// boolean与number其实就是相通的
//     boolean类型的true   代表数值类型的一切非0的值
//     boolean类型的false  代表数值类型的0
console.log(isNaN("123"));//false
console.log(isNaN("123a"));//true
console.log(isNaN(11));//false
console.log(isNaN(true));//false

强制类型的转换

转换成一个数值类型

强制转换

  • parseInt => 转换成一个整数 int(整数)
  • parseFloat => 可以转换成一个小数
  1. parseInt先看第一位的值,能不能转,如果可以转,那么就转,如果不能转,那么就NaN

  2. parseInt再看第二位的值,能不能转,如果可以,那么转,如果不能转,那就停止了

  3. parseFloat 他比parseInt 多认识了一个小数点 .
    console.log(parseInt(“12a2”))

自动转换

  • Number => 可以转换成数字
    boolean => 可以转,转过来的是 true=>1 false=>0
    null => 可以转,=> 0
    undefined => 不可以转,=> NaN
    “123” => 可以转,=> 123
    “123a” => 不可以,不认是a NaN

将其他类型转换成字符串

  • String
    不管什么类型使用String都可以转换成字符串
    var res = String(变量)
    相当将这个变量的值外面添加一对引号
    -toString()
    相当将这个变量的值外面添加一对引号,但是null和undefined不能使用
  • +
    但凡+号的两边有一边是字符串,那么结果就是拼接,拼接得到的结果还是一个字符串
    如果+号的两边都没有字符串,那么就会相加
var a = 10;
var a1 = String(a)
console.log(a1, typeof a1);
var b1 = a.toString()
console.log(b1, typeof b1);
console.log(a + "~~", typeof (a + ""));

将其他类型转换成boolean

  • Boolean有四个是false分别是:
    1. 字符串 ""
    2. null
    3. undefined
    4. 数字 0

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

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

相关文章

MacOS 如何选择鼠标不飘滚动平滑

MacOS 如何选择鼠标不飘滚动平滑 前言 今天不务正业的聊聊 macos 下的鼠标的事情,群里也有朋友和我聊,正好说说这事。 我在很长的时间里都在用 macbook pro 的触控板 键盘的高效模式,因为触控板和键盘很近所以效率很高。 但是有一个问题就是…

set和multiset容器

1、基本概念 所有元素在插入时会自动排好序&#xff1b; 属于关联式容器&#xff0c;底层结构是用二叉树实现的 2、set和multiset的区别 set中不允许有重复元素&#xff0c;multiset允许有重复元素。 3、构造和赋值 构造&#xff1a; set<T>st; //默认构造 set&l…

Linux | 进程间通信 | 匿名管道 | 命名管道 | 模拟代码实现进程通信

文章目录进程通信的意义匿名管道通信原理管道的访问控制进程控制管道的特点命名管道进程通信的意义 之前聊进程时&#xff0c;讲过一个性质&#xff0c;即进程具有独立性&#xff0c;两个进程之间的交互频率是比较少的。就连父子进程也只是共享代码&#xff0c;修改父子进程中…

小程序云开发笔记一

一、什么是云开发&#xff1f; 微信官方云原生开发平台&#xff0c;腾讯云的各种能力加持&#xff0c;用云开发开发者可以节省大量的开发时间和运维成本。 二、云开发优势 无需运维&#xff0c;数据变大不需要管理&#xff0c; 弹性伸缩&#xff0c;业务量变大&#xff0c;服…

在一台电脑上安装多个python版本(小白教程)

我自己的办公电脑是64位&#xff0c;好几个同事的电脑还是win7&#xff0c;32位&#xff0c;因此我在写python办公自动化的时候还要考虑32位的python&#xff0c;因此在电脑上安装了两个版本的python&#xff0c;方便测试、打包使用 1、首先&#xff0c;下载两个python&#xf…

代码随想录算法训练营第七天|LeetCode 454. 四数相加 II 、383. 赎金信、 15. 三数之和、18. 四数之和

LeetCode 454. 四数相加 II 题目链接&#xff1a;454. 四数相加 II 分析&#xff1a; 本题比较简单&#xff0c;因为是无关的四个数组&#xff0c;所以不需要考虑去重&#xff0c;所以用哈希比较简单 思路&#xff1a; 定义个无序map先将nums1和nums2的和的数都存进去&…

单目标应用:世界杯优化算法(World Cup Optimization,WCO)求解单仓库多旅行商问题SD-MTSP(可更改旅行商个数及起点)

一、世界杯优化算法 世界杯优化算法&#xff08;World Cup Optimization&#xff0c;WCO)由Navid Razmjooy等人于2016年提出&#xff0c;该算法模拟了国际足联世界杯比赛&#xff0c;思路新颖&#xff0c;收敛速度快&#xff0c;全局寻优能力强。 算法原理参考&#xff1a;智…

[附源码]java毕业设计学生宿舍管理系统

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

新型智能优化算法——海鸥优化算法(基于Matlab代码实现)

&#x1f468;‍&#x1f393;个人主页&#xff1a;研学社的博客 &#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜…

基于莱维飞行扰动策略的麻雀搜索算法(ISSA)(Matlab代码实现)

&#x1f468;‍&#x1f393;个人主页&#xff1a;研学社的博客 &#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜…

【强化学习论文合集】ICML-2022 强化学习论文 | 2022年合集(二)

强化学习(Reinforcement Learning, RL),又称再励学习、评价学习或增强学习,是机器学习的范式和方法论之一,用于描述和解决智能体(agent)在与环境的交互过程中通过学习策略以达成回报最大化或实现特定目标的问题。 本专栏整理了近几年国际顶级会议中,涉及强化学习(Rein…

[附源码]java毕业设计校园摄影爱好者交流网站

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

elasticsearch bucket 之rare terms聚合

文章目录1、背景2、需求3、前置准备3.1 准备mapping3.2 准备数据4、实现需求4.1 dsl4.2 java代码4.3 运行结果5、max_doc_count 和 search.max_buckets6、注意事项7、完整代码8、参考文档1、背景 我们知道当我们使用 terms聚合时&#xff0c;当修改默认顺序为_count asc时&…

nodejs+mysql+vscode网上图书商城销售管理系统vue

当前社会是一个网络高度发达的社会&#xff0c;人们都处在互联网时代中&#xff0c;对于知识的获取都是通过互联网&#xff0c;为了鼓励人们积极获取纸质知识&#xff0c;我想要设计一个网上图书售卖系统。这个系统设计的目的是为了方便人们们作为参考资料. 网上图书管理系统的…

【31-业务开发-基础业务-品牌管理-级联类别信息业务功能实现-品牌管理和商品分类管理俩者业务关联出现数据冗余,导致数据不同步的问题-开启事务-项目测试】

一.知识回顾 【0.三高商城系统的专题专栏都帮你整理好了&#xff0c;请点击这里&#xff01;】 【1-系统架构演进过程】 【2-微服务系统架构需求】 【3-高性能、高并发、高可用的三高商城系统项目介绍】 【4-Linux云服务器上安装Docker】 【5-Docker安装部署MySQL和Redis服务】…

进 4 球得 1 分,阿根廷败北背后的科技与狠活

内容一览&#xff1a;11 月 22 日&#xff0c;世界杯 C 组首场比赛&#xff0c;沙特阿拉伯 2:1 反超阿根廷&#xff0c;今天我们将逐一盘点阿根廷进 4 球得 1 分背后的科技与狠活。 关键词&#xff1a;世界杯 VAR 半自动越位技术 沙特爆冷逆袭&#xff0c;2:1 反超阿根廷 2022…

如何改进企业旧式工时管理系统?

工时管理系统对企业很重要&#xff0c;特别是那些不太明显的知识性工作的企业。 一些企业仍在使用基于纸张的工时表管理&#xff0c;这通常会带来以下问题&#xff1a; ● 过程非常耗时 ● 人为错误的风险很高 ● 有道德上的漏洞&#xff0c;如同伴帮打卡和时间盗窃 ● 数据处…

【强化学习论文合集】AAAI-2022 强化学习论文合集(附论文链接)

强化学习&#xff08;Reinforcement Learning, RL&#xff09;&#xff0c;又称再励学习、评价学习或增强学习&#xff0c;是机器学习的范式和方法论之一&#xff0c;用于描述和解决智能体&#xff08;agent&#xff09;在与环境的交互过程中通过学习策略以达成回报最大化或实现…

【测试沉思录】16. 性能测试中的系统资源分析之三:磁盘

作者&#xff1a;马海琴 编辑&#xff1a;毕小烦 三. 磁盘 磁盘是可以持久化存储的设备&#xff0c;根据存储介质的不同&#xff0c;常见磁盘可以分为两类&#xff1a;机械磁盘和固态磁盘。磁盘就像人的大脑皮层&#xff0c;负责数据的储存、记忆。 磁盘对于服务器来说十分重…

大学生静态HTML网页源码——佛山旅游景点介绍网页代码 家乡旅游网页制作模板 web前端期末大作业

家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法&#xff0c;如盒子的嵌套、浮动、margin、border、background等属性的使用&#xff0c;外部大盒子设定居中&#xff0c;内部左中右布局&#xff0c;下方横向浮动排列&#xff0c;大学学习的前端知识点和布局方式都有…