初识变量和数据类型

这篇具有很好参考价值的文章主要介绍了初识变量和数据类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JavaScript第2天

输入输出语句

输出语句

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

效果:

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

输入语句

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

confirm:

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

效果如下:
初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js
初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

prompt:

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

效果如下:

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js

变量命名

  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 + ""));

初识变量和数据类型,JavaScript,重学前端,javascript,前端,vue.js文章来源地址https://www.toymoban.com/news/detail-832503.html

将其他类型转换成boolean

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

到了这里,关于初识变量和数据类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 初识变量和数据类型

    输出语句 alert(变量) = 弹出 document.write(变量) = 输出在页面上面 console.log(变量) = 打印在控制台上 效果: 输入语句 confirm 得到是就是两个按钮一个确定,一个取消 点击确定得到的值是 true = 真 点击取消得到的值是 false = 假 prompt 就是让我们在页面上面输入一句话 得到的结果就是

    2024年02月21日
    浏览(34)
  • web前端框架JS学习之JavaScript类型转换

    vascript有多种数据类型,如字符串、数字、布尔等,可以通过typeof语句来查看变量的数据类型。数据类型转换就是数据类型之间相互转换,比如把数字转成字符串、把布尔值转成字符串、把字符串转成数字等,这在工作也是经常碰到的。 本期我们就给大家说说web前端框架JS学

    2024年02月10日
    浏览(64)
  • 重学JavaScript高级(十二):async/await-事件循环-面试高频

    前面我们学习了生成器和迭代器,那么在本篇文章中,我们主要讲解生成器与Promise的结合使用,从而引出async/await语法,同时会涉及面试中频次最高的一个知识点: 事件循环 首先需要了解回调地狱 在Promise出来之前,我们多次请求网络接口,有可能产生回调地狱 而Promise的出

    2024年02月02日
    浏览(73)
  • 初识Java:数据类型与变量、运算符

    哈喽大家好,这篇文章我将为大家分享关于Java的数据类型与变量和运算符。 在Java中数据类型分为基本数据类型与引用数据类型,今天我们着重讲解基本数据类型。 基本数据类型又分为整型、浮点型、字符型以及布尔类型,我们来看下面的一张表。 整型类型 byte类型 byte类型

    2024年02月01日
    浏览(83)
  • python 基础篇 day 1 初识变量和数据类型

    变量作用——用于存储和表示数据。 通过定义和使用变量,我们可以在程序执行过程中动态地保存和修改数据。 变量的作用包括但不限于以下几个方面: 存储数据 :变量可以用来 存储各种类型的数据 ,包括数字、字符串、布尔值等。 数据传递 :变量可以 作为参数传递

    2024年02月09日
    浏览(43)
  • rust 初识基础: 变量、数据类型、函数、所有权、枚举

    了解到 rust 和 WebAssembly 的结合使用,可以构建前端应用,而且性能也比较好。初步学习使用 rust 是预编译静态类型语言。 官网下载 rust-CN , 大致了解下为什么选择:高性能、可靠性、生产力。 打开控制台啊,执行安装 (mac 系统,windwos 或其他系统查看官网) 安装成功时,会打

    2024年02月07日
    浏览(57)
  • JavaScript 入门指南(二)JavaScript 的数据类型

    undefined 类型:只有一个值 undefined(未定义),它是一个保留字。表示变量虽然已经声明,但却没有赋值 number 类型:所有的整数和小数 注: NaN 是一个特殊的数字值( typeof NaN 的结果为 number ),是 not a number 的缩写,表示不是一个合法的数字。不是数字的字符串通过函数进

    2024年03月27日
    浏览(64)
  • JavaScript数据类型的转换

    一、字符串类型的转换 1、自动转换 2、强制转换 String(),object.toString() object 意思为对象,一切皆为对象,所以查询date是否被强制转为字符串类型的时候,object.toString()中的object换为date 二、转为Number类型 1、自动转换 2、强制转换   Number() 按照自动转换规则转换   p

    2024年02月08日
    浏览(41)
  • JavaScript 数据类型转换

    目录 JavaScript 数据类型转换 一、类型转换简介 1、字符串型转换为数值型 2、数值型转换为字符串型   所谓的类型转换,就是将一种数据类型转换为另外一种数据类型,例如上一节课说到的,如果一个数字与一个字符串相加,JavaScript会自动将数字转换为字符串,然后再与另外

    2024年02月05日
    浏览(39)
  • JavaScript中数据类型

    ● 在JavaScript中,有两种主要类型的数据,要不是原始值,要不是对象; 浮点数用于小数和整数。let age = 23; 一系列字符的序列,用于文本。let firstName = “IT知识一享”; 逻辑类型,只能为 true 或 false。用于进行决策\\\"。 let fullAge = true; 变量尚未定义时取的值(空值)let childr

    2024年02月16日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包